Compare commits
3 commits
b48b36ae12
...
52e38d2ec4
Author | SHA1 | Date | |
---|---|---|---|
52e38d2ec4 | |||
633491a349 | |||
6a182f1234 |
7 changed files with 58 additions and 26 deletions
|
@ -1,10 +1,9 @@
|
||||||
@page
|
@page
|
||||||
@model IndexModel
|
@model IndexModel
|
||||||
@{
|
@{
|
||||||
ViewData["Title"] = "Home page";
|
ViewData["Title"] = "home page";
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
<h1 class="display-4">Привет, это сайт neroduckale</h1>
|
<h1 class="display-4">Привет, это сайт neroduckale</h1>
|
||||||
<p>Мой никнейм читается по разному - неродакля, неродукель, неродакале, но одно в нем остается неизменным - неро.</p>
|
<p>Мой никнейм читается по разному - неродакля, неродукель, неродакале, но одно в нем остается неизменным - неро.</p>
|
||||||
<small>спасибо мактайлорс за помощь с созданием сайта. version: 0.3</small>
|
<small>спасибо мактайлорс за помощь с созданием сайта. version: 0.3</small>
|
||||||
|
|
|
@ -9,19 +9,22 @@
|
||||||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
||||||
<link href="https://fonts.googleapis.com/css2?family=Raleway:wght@400;500&display=swap" rel="stylesheet">
|
<link href="https://fonts.googleapis.com/css2?family=Raleway:wght@400;500&display=swap" rel="stylesheet">
|
||||||
<link rel="stylesheet" href="css/style.css"/>
|
<link rel="stylesheet" href="css/style.css"/>
|
||||||
@* <meta name="viewport" content="initial-scale=0.75 user-scalable=no" /> *@
|
<meta name="viewport" content="initial-scale=0.75 user-scalable=no" />
|
||||||
<meta charset="UTF-8"/>
|
<meta charset="UTF-8"/>
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.5"/>
|
@* <meta name="viewport" content="width=device-width, initial-scale=1.5"/> *@
|
||||||
|
<meta name="yandex-verification" content="0f72236b9c9df6c5" />
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
|
|
||||||
<header class="header">
|
<header class="header">
|
||||||
<nav class="header-links">
|
<nav class="header-links">
|
||||||
<a class="header-link" asp-page="ygolek">ЗШВЩКygolek </a>
|
<a class="mainpage" asp-page="index">neroduckale</a>
|
||||||
<a class="header-link" asp-page="about" >about </a>
|
<div class="header-linkss">
|
||||||
<a class="header-link" asp-page="users" >users </a>
|
<a class="header-link" asp-page="ygolek">ygolek</a>
|
||||||
<a class="mainpage" asp-page="index" >neroduckale</a>
|
<a class="header-link" asp-page="about">about </a>
|
||||||
@* <button></button> *@
|
<a class="header-link" asp-page="users">users </a>
|
||||||
|
</div>
|
||||||
|
<button class="mobilenav"></button>
|
||||||
</nav>
|
</nav>
|
||||||
|
|
||||||
|
|
||||||
|
|
|
@ -1,16 +1,23 @@
|
||||||
@page
|
@page
|
||||||
@using System.Collections
|
|
||||||
@model Users
|
@model Users
|
||||||
|
|
||||||
<style>
|
<style>
|
||||||
td, th {
|
td, th {
|
||||||
padding: 5px 10px;
|
padding: 5px 10px;
|
||||||
}
|
}
|
||||||
|
.center {
|
||||||
|
margin-left: auto;
|
||||||
|
margin-right: auto;
|
||||||
|
border-collapse: collapse;
|
||||||
|
border: 1px black;
|
||||||
|
}
|
||||||
</style>
|
</style>
|
||||||
|
Всего в таблице записей: <span id="count"></span>
|
||||||
<table>
|
<div>
|
||||||
<tr><th>текст заголовка</th><th>текст заголовка</th></tr> <!--ряд с ячейками заголовков-->
|
<table class="center" id="users">
|
||||||
<tr><td>данные</td><td>данные</td></tr> <!--ряд с ячейками тела таблицы-->
|
<tr><th>Айди</th><th>Никнейм</th><th>Масть</th></tr> <!--ряд с ячейками заголовков-->
|
||||||
</table>
|
<tr class="loading"><td>Loading...</td><td>Loading...</td><td>Loading...</td></tr> <!--ряд с ячейками тела таблицы-->
|
||||||
|
</table>
|
||||||
|
</div>
|
||||||
|
|
||||||
<script src="~/js/site.js"></script>
|
<script src="~/js/site.js"></script>
|
|
@ -45,9 +45,8 @@ app.MapDelete("/api/users/{id:int}", async (int id, DatabaseHandler db) => {
|
||||||
await db.SaveChangesAsync();
|
await db.SaveChangesAsync();
|
||||||
return Results.Json(user);
|
return Results.Json(user);
|
||||||
}); //WORKS
|
}); //WORKS
|
||||||
app.MapPost("/api/users", async (User user, DatabaseHandler db)=>
|
app.MapPost("/api/users", async (NewUser newuser, DatabaseHandler db) => {
|
||||||
{
|
User user = new User(newuser.nickname, db.users.Count() + 1, newuser.mast);
|
||||||
user.id = db.users.Count() + 1;
|
|
||||||
await db.users.AddAsync(user);
|
await db.users.AddAsync(user);
|
||||||
await db.SaveChangesAsync();
|
await db.SaveChangesAsync();
|
||||||
return user;
|
return user;
|
||||||
|
|
|
@ -13,3 +13,14 @@ public class User
|
||||||
this.mast = mast;
|
this.mast = mast;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
public class NewUser
|
||||||
|
{
|
||||||
|
public string nickname { get; set; }
|
||||||
|
public string mast { get; set; }
|
||||||
|
|
||||||
|
public NewUser(string nickname, string mast)
|
||||||
|
{
|
||||||
|
this.nickname = nickname;
|
||||||
|
this.mast = mast;
|
||||||
|
}
|
||||||
|
}
|
|
@ -15,10 +15,13 @@ a {
|
||||||
.header-links { /* <nav> */
|
.header-links { /* <nav> */
|
||||||
padding-left: 5px;
|
padding-left: 5px;
|
||||||
padding-right: 5px;
|
padding-right: 5px;
|
||||||
text-align: center;
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
}
|
}
|
||||||
.header-link { /* <a> */
|
.header-link { /* <a> */
|
||||||
text-align: left;
|
font-size: 20px;
|
||||||
|
padding: 8px;
|
||||||
|
border-radius: 5px;
|
||||||
}
|
}
|
||||||
.header-link:hover {
|
.header-link:hover {
|
||||||
background: gray;
|
background: gray;
|
||||||
|
@ -28,11 +31,19 @@ a {
|
||||||
.mainpage{ /* <a> MAINPAGE */
|
.mainpage{ /* <a> MAINPAGE */
|
||||||
font-family: 'Raleway', monospace;
|
font-family: 'Raleway', monospace;
|
||||||
font-size: 30px;
|
font-size: 30px;
|
||||||
|
justify-self: left;
|
||||||
|
margin: 10px auto 10px 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.header-linkss {
|
||||||
|
justify-self: right;
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
.header {
|
.header {
|
||||||
background-color: #4d4d4d;
|
background-color: #4d4d4d;
|
||||||
a {
|
a {
|
||||||
color: white;
|
color: white;
|
||||||
}
|
}
|
||||||
border-radius: 5px;
|
|
||||||
}
|
}
|
|
@ -9,9 +9,10 @@ async function getUsers() {
|
||||||
if (response.ok === true) {
|
if (response.ok === true) {
|
||||||
// получаем данные
|
// получаем данные
|
||||||
const users = await response.json();
|
const users = await response.json();
|
||||||
const rows = document.querySelector("tbody");
|
const table = document.querySelector("#users");
|
||||||
// добавляем полученные элементы в таблицу
|
const count = document.querySelector("#count")
|
||||||
users.forEach(user => rows.append(row(user)));
|
count.outerHTML = "1";
|
||||||
|
document.querySelector("#loading").destroy();
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
// Получение одного пользователя
|
// Получение одного пользователя
|
||||||
|
@ -33,3 +34,4 @@ async function getUser(id) {
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
// Добавление пользователя
|
// Добавление пользователя
|
||||||
|
await getUsers();
|
Loading…
Add table
Reference in a new issue