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
|
||||
@model IndexModel
|
||||
@{
|
||||
ViewData["Title"] = "Home page";
|
||||
ViewData["Title"] = "home page";
|
||||
}
|
||||
|
||||
|
||||
<h1 class="display-4">Привет, это сайт neroduckale</h1>
|
||||
<p>Мой никнейм читается по разному - неродакля, неродукель, неродакале, но одно в нем остается неизменным - неро.</p>
|
||||
<small>спасибо мактайлорс за помощь с созданием сайта. version: 0.3</small>
|
||||
|
|
|
|||
|
|
@ -9,19 +9,22 @@
|
|||
<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 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 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>
|
||||
<body>
|
||||
|
||||
<header class="header">
|
||||
<nav class="header-links">
|
||||
<a class="header-link" asp-page="ygolek">ЗШВЩКygolek </a>
|
||||
<a class="mainpage" asp-page="index">neroduckale</a>
|
||||
<div class="header-linkss">
|
||||
<a class="header-link" asp-page="ygolek">ygolek</a>
|
||||
<a class="header-link" asp-page="about">about </a>
|
||||
<a class="header-link" asp-page="users">users </a>
|
||||
<a class="mainpage" asp-page="index" >neroduckale</a>
|
||||
@* <button></button> *@
|
||||
</div>
|
||||
<button class="mobilenav"></button>
|
||||
</nav>
|
||||
|
||||
|
||||
|
|
|
|||
|
|
@ -1,16 +1,23 @@
|
|||
@page
|
||||
@using System.Collections
|
||||
@model Users
|
||||
|
||||
<style>
|
||||
td, th {
|
||||
padding: 5px 10px;
|
||||
}
|
||||
.center {
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
border-collapse: collapse;
|
||||
border: 1px black;
|
||||
}
|
||||
</style>
|
||||
|
||||
<table>
|
||||
<tr><th>текст заголовка</th><th>текст заголовка</th></tr> <!--ряд с ячейками заголовков-->
|
||||
<tr><td>данные</td><td>данные</td></tr> <!--ряд с ячейками тела таблицы-->
|
||||
Всего в таблице записей: <span id="count"></span>
|
||||
<div>
|
||||
<table class="center" id="users">
|
||||
<tr><th>Айди</th><th>Никнейм</th><th>Масть</th></tr> <!--ряд с ячейками заголовков-->
|
||||
<tr class="loading"><td>Loading...</td><td>Loading...</td><td>Loading...</td></tr> <!--ряд с ячейками тела таблицы-->
|
||||
</table>
|
||||
</div>
|
||||
|
||||
<script src="~/js/site.js"></script>
|
||||
|
|
@ -45,9 +45,8 @@ app.MapDelete("/api/users/{id:int}", async (int id, DatabaseHandler db) => {
|
|||
await db.SaveChangesAsync();
|
||||
return Results.Json(user);
|
||||
}); //WORKS
|
||||
app.MapPost("/api/users", async (User user, DatabaseHandler db)=>
|
||||
{
|
||||
user.id = db.users.Count() + 1;
|
||||
app.MapPost("/api/users", async (NewUser newuser, DatabaseHandler db) => {
|
||||
User user = new User(newuser.nickname, db.users.Count() + 1, newuser.mast);
|
||||
await db.users.AddAsync(user);
|
||||
await db.SaveChangesAsync();
|
||||
return user;
|
||||
|
|
|
|||
|
|
@ -13,3 +13,14 @@ public class User
|
|||
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> */
|
||||
padding-left: 5px;
|
||||
padding-right: 5px;
|
||||
text-align: center;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
.header-link { /* <a> */
|
||||
text-align: left;
|
||||
font-size: 20px;
|
||||
padding: 8px;
|
||||
border-radius: 5px;
|
||||
}
|
||||
.header-link:hover {
|
||||
background: gray;
|
||||
|
|
@ -28,11 +31,19 @@ a {
|
|||
.mainpage{ /* <a> MAINPAGE */
|
||||
font-family: 'Raleway', monospace;
|
||||
font-size: 30px;
|
||||
justify-self: left;
|
||||
margin: 10px auto 10px 10px;
|
||||
}
|
||||
|
||||
.header-linkss {
|
||||
justify-self: right;
|
||||
display: block;
|
||||
}
|
||||
|
||||
|
||||
.header {
|
||||
background-color: #4d4d4d;
|
||||
a {
|
||||
color: white;
|
||||
}
|
||||
border-radius: 5px;
|
||||
}
|
||||
|
|
@ -9,9 +9,10 @@ async function getUsers() {
|
|||
if (response.ok === true) {
|
||||
// получаем данные
|
||||
const users = await response.json();
|
||||
const rows = document.querySelector("tbody");
|
||||
// добавляем полученные элементы в таблицу
|
||||
users.forEach(user => rows.append(row(user)));
|
||||
const table = document.querySelector("#users");
|
||||
const count = document.querySelector("#count")
|
||||
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