Compare commits

..

No commits in common. "52e38d2ec46d7ad38d19f89bd60b9320f942a0c3" and "b48b36ae12e61abe961acd6764560c093a933f7f" have entirely different histories.

7 changed files with 26 additions and 58 deletions

View file

@ -1,9 +1,10 @@
@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>

View file

@ -9,24 +9,21 @@
<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="mainpage" asp-page="index">neroduckale</a> <a class="header-link" asp-page="ygolek">ЗШВЩКygolek </a>
<div class="header-linkss"> <a class="header-link" asp-page="about" >about </a>
<a class="header-link" asp-page="ygolek">ygolek</a> <a class="header-link" asp-page="users" >users </a>
<a class="header-link" asp-page="about">about </a> <a class="mainpage" asp-page="index" >neroduckale</a>
<a class="header-link" asp-page="users">users </a> @* <button></button> *@
</div>
<button class="mobilenav"></button>
</nav> </nav>
</header> </header>

View file

@ -1,23 +1,16 @@
@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>
<div> <table>
<table class="center" id="users"> <tr><th>текст заголовка</th><th>текст заголовка</th></tr> <!--ряд с ячейками заголовков-->
<tr><th>Айди</th><th>Никнейм</th><th>Масть</th></tr> <!--ряд с ячейками заголовков--> <tr><td>данные</td><td>данные</td></tr> <!--ряд с ячейками тела таблицы-->
<tr class="loading"><td>Loading...</td><td>Loading...</td><td>Loading...</td></tr> <!--ряд с ячейками тела таблицы--> </table>
</table>
</div>
<script src="~/js/site.js"></script> <script src="~/js/site.js"></script>

View file

@ -45,8 +45,9 @@ 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 (NewUser newuser, DatabaseHandler db) => { app.MapPost("/api/users", async (User user, 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;

View file

@ -12,15 +12,4 @@ public class User
this.id = id; this.id = id;
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;
}
} }

View file

@ -15,13 +15,10 @@ a {
.header-links { /* <nav> */ .header-links { /* <nav> */
padding-left: 5px; padding-left: 5px;
padding-right: 5px; padding-right: 5px;
display: flex; text-align: center;
align-items: center;
} }
.header-link { /* <a> */ .header-link { /* <a> */
font-size: 20px; text-align: left;
padding: 8px;
border-radius: 5px;
} }
.header-link:hover { .header-link:hover {
background: gray; background: gray;
@ -31,19 +28,11 @@ 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;
}

View file

@ -9,10 +9,9 @@ async function getUsers() {
if (response.ok === true) { if (response.ok === true) {
// получаем данные // получаем данные
const users = await response.json(); const users = await response.json();
const table = document.querySelector("#users"); const rows = document.querySelector("tbody");
const count = document.querySelector("#count") // добавляем полученные элементы в таблицу
count.outerHTML = "1"; users.forEach(user => rows.append(row(user)));
document.querySelector("#loading").destroy();
} }
} }
// Получение одного пользователя // Получение одного пользователя
@ -34,4 +33,3 @@ async function getUser(id) {
} }
} }
// Добавление пользователя // Добавление пользователя
await getUsers();