Compare commits
No commits in common. "52e38d2ec46d7ad38d19f89bd60b9320f942a0c3" and "b48b36ae12e61abe961acd6764560c093a933f7f" have entirely different histories.
52e38d2ec4
...
b48b36ae12
7 changed files with 26 additions and 58 deletions
|
@ -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>
|
||||||
|
|
|
@ -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>
|
||||||
|
|
||||||
|
|
|
@ -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>
|
|
@ -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;
|
||||||
|
|
|
@ -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;
|
|
||||||
}
|
|
||||||
}
|
}
|
|
@ -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;
|
||||||
|
}
|
||||||
|
|
|
@ -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();
|
|
Loading…
Add table
Reference in a new issue