Как сделать переход от одной страницы Razor к другой с помощью кнопки, которая находится на первой странице?

Question

Cod Rob @Luffy1

Student, Junior .NET programmer, C#, JS, HTML/CSS

Как сделать переход от одной страницы Razor к другой с помощью кнопки, которая находится на первой странице?

Как сделать переход от одной страницы Razor к другой с помощью кнопки, которая находится на первой странице? Можете, пожалуйста, подкинуть примеры кода?

Вопрос задан более трёх лет назад
444 просмотра

Комментировать

Подписаться 1 Средний Комментировать

Помогут разобраться в теме Все курсы

Яндекс Практикум

Профессиональная вёрстка на HTML и CSS

3 месяца

Далее
Stepik

Основы HTML и CSS

2 недели

Далее
OTUS

HTML/CSS

3 месяца

Далее

Решения вопроса 1

15 комментариев

Cod Rob @Luffy1 Автор вопроса
FilterForm - страница, с которой будем делать переход, FilterGenerated - обработчик страницы, да? А что такое SelectedOptions, @Model.Options, this.form.submit()? А также, что тут(
a asp-page="Edit" asp-route-id="@item.Id">Изменить</a>
) значит a asp-page="Edit" asp-route-id="@item.Id">Изменить?(Я новичок в ASP.NET)
Написано более трёх лет назад

Cod Rob @Luffy1 Автор вопроса

А также, куда именно мне нужно в коде вставить

a asp-page="Edit" asp-route-id="@item.Id">Изменить</a>

?
Мой код:

@using Inst_Post_Searcher.Pages.Shared 
<!DOCTYPE html>
<html>
<head>
    <meta name="viewport" content="width=device-width" />
    <title>Inst-Post Searcher</title>
    <style>
        body {
            background: -moz-linear-gradient(to bottom, #333 20%, #2a2929 90%, #808080);
            background: -webkit-gradient(linear, 0 0, 0 100%, from(#333), to(#808080), color-stop(0.5, #2a2929));
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333', endColorstr='#808080');
            background-repeat: no-repeat;
            height: 950px;
        }
        .new {
            top: 830px;
            font-size: 1.0vw;
            color: darkorange;
            background: none;
            border: none;
        }
    </style>
</head>
<body>
    <div align="center" style="position:relative;">
        <h1 style="color: darkorange">Inst-Post Searcher</h1>
        <hr width="1900" size="2" color="darkorange" />
    </div>
    @*<form method="post">
        <div style="position: relative; top: 830px; font-size: 1.0vw; color: darkorange; background: none; border: none;">
            <hr width="1900" size="5" color="#000000" style="top: 825px" />
            <input class="new" align="left" style="left: 100px;" type="submit" asp-page-handler="DeveloperContacts" value="Контакты разработчика" />
            <input class="new" align="centre" style="left: 570px;" type="submit" asp-page-handler="PrivacyPolicy" value="Политика конфиденциальности" />
            <input class="new" align="right" style="right: 100px;" type="submit" asp-page-handler="TermsOfUse" value="Условия использования" />
        </div>
    </form>*@
    <form class="is-small select" id="FilterForm" method="post" asp-page-handler="FilterGenerated">
        <select asp-for="SelectedOptions" asp-items="@Model.Options" onchange="this.form.submit()"></select>
    </form>
    @RenderBody()
</body>
</html>

Написано более трёх лет назад

Cod Rob @Luffy1 Автор вопроса
А также, какой код класса is-small select? Он уже создан или его надо создавать? В него нужно вставить
a asp-page="Edit" asp-route-id="@item.Id">Изменить</a>
?
Написано более трёх лет назад
Владимир Коротенко @firedragon

Денис Бредун,

В любое место где уместна ссылка, извини скобочку пропустил.

Написано более трёх лет назад
Cod Rob @Luffy1 Автор вопроса

Владимир Коротенко, А также, какой код класса is-small select? Он уже создан или его надо создавать?

Написано более трёх лет назад
Владимир Коротенко @firedragon
Денис Бредун,

Туплю, это вытащено из перебора ссылок

<a asp-page="Edit" asp-route-id="@item.Id">Изменить</a>

В модели страницы объявляете свойство ему присваиваете адрес перехода UrlString
Дальше вот такая разметка.
Скинь свой github аккаунт добавлю в репозиторий посмотришь как оно в живую

<a asp-page="Edit" asp-route-id="@Model.UrlString">Изменить</a>
Написано более трёх лет назад
Cod Rob @Luffy1 Автор вопроса

Владимир Коротенко, Да ладно, не стоит) Спасибо=)

Написано более трёх лет назад
Владимир Коротенко @firedragon

Денис Бредун, Все что выглядит как html разметка является ей
Все что выглядит вот так это tag-helpers
asp-page-handler="FilterGenerated"

Написано более трёх лет назад
Владимир Коротенко @firedragon

Денис Бредун, Странно, много вопросов задаете, посмотрите на реальный проект.

net core 3.1 + mysql + linux + bearer authentication + немного магии
Вам в общем то решать

Написано более трёх лет назад
Cod Rob @Luffy1 Автор вопроса

Владимир Коротенко, да я и сам сейчас делаю реальный проект xD, поэтому-то и много спрашиваю)

Написано более трёх лет назад
Cod Rob @Luffy1 Автор вопроса
Владимир Коротенко, а, например, я хочу перейти со страницы _Layout на PrivacyPolicy при этом в модели _Layout у нас такой код:

public class _LayoutModel : PageModel { public void OnGet() { } public void OnPostPrivacyPolicy() { } public void OnPostTermsOfUse() { } public void OnPostDeveloperContacts() { } }

а в PrivacyPolicy такой:

public class PolicyPrivacyModel : PageModel { public void OnGet() { } }

как тогда должен будет выглядеть вышеприведённый вами код? Что нужно добавить в сами модели, чтобы логика работала?
Написано более трёх лет назад

Владимир Коротенко @firedragon

Денис Бредун,

_Layout.cshtml

<div class="navbar-start">
                            <a class="navbar-item" asp-area="" asp-page="/Index">
                                Главная
                            </a>
                            <a class="navbar-item" asp-area="" asp-page="/Privacy">
                                Политика конфиденциальности
                            </a>
                        </div>

Написано более трёх лет назад

Cod Rob @Luffy1 Автор вопроса

Владимир Коротенко, а как будет выглядеть код

<form class="is-small select" id="FilterForm" method="post" asp-page-handler="FilterGenerated">
                <select asp-for="SelectedOptions" asp-items="@Model.Options" onchange="this.form.submit()"></select>
            </form>

?

Написано более трёх лет назад

Владимир Коротенко @firedragon

Денис Бредун,

#region License
// // Ðàçðàáîòàíî: Êîðîòåíêî Âëàäèìèðîì Íèêîëàåâè÷åì (Vladimir N. Korotenko)
// // email: koroten@ya.ru
// // skype:vladimir-korotenko
// // https://vkorotenko.ru
// // Ñîçäàíî:  09.08.2020 7:18
#endregion

using Kvn.ErrorReport.Data;
using Kvn.ErrorReport.Models;
using Microsoft.AspNetCore.Authorization;
using Microsoft.AspNetCore.Mvc;
using Microsoft.AspNetCore.Mvc.RazorPages;
using Microsoft.AspNetCore.Mvc.Rendering;
using Microsoft.EntityFrameworkCore;
using System.Collections.Generic;
using System.IO;
using System.Linq;
using System.Net;
using System.Threading.Tasks;
using Microsoft.Extensions.Options;

namespace Kvn.ErrorReport.Pages
{
    /// <summary>
    /// Ìîäåëü ïðîôèëÿ, ãîëîâíàÿ ìîäåëü äëÿ îòîáðàæåíèÿ àäìèíèñòðàòîðó ñèñòåìû
    /// </summary>
    [Authorize(Roles = "admin")]
    public class ProfileModel : PageModel
    {
        private readonly ApplicationDbContext _ctx;
        private readonly AppSettings _settings;
        /// <summary>
        /// Êîíñòðóêòîð ìîäåëè
        /// </summary>
        /// <param name="ctx"></param>
        /// <param name="settings"></param>
        public ProfileModel(ApplicationDbContext ctx, IOptions<AppSettings> settings)
        {
            _ctx = ctx;
            _settings = settings.Value;
        }
        #region Ñâîéñòâà
        /// <summary>
        /// Ïðèëîæåíèå êîòîðîå ñìîòðèì. 
        /// </summary>
        [BindProperty(SupportsGet = true)]
        public int? Id { get; set; }


        /// <summary>
        /// Ìîäåëü ñòðàíèöû
        /// </summary>
        public ProfileViewModel PageViewModel { get; set; }

        /// <summary>
        /// Ñïèñîê ïðèëîæåíèé
        /// </summary>
        public List<SelectListItem> Options { get; set; }
        /// <summary>
        /// Âûáðàííîå ïðèëîæåíèå
        /// </summary>
        [BindProperty]
        public string SelectedOptions { get; set; }

        /// <summary>
        /// Ýëåìåíòû îò÷åòà
        /// </summary>
        public List<ReportItemModel> ReportItems { get; set; }
        #endregion

        #region Îáðàáîò÷èêè
        /// <summary>
        /// Îáðàáîò÷èê ñòðàíèöû
        /// </summary>
        public async Task OnGet(int p = 1)
        {
            Options = await _ctx.Applications.Select(a =>
                new SelectListItem
                {
                    Value = a.Id.ToString(),
                    Text = a.Name
                }).ToListAsync();

            ApplicationDbItem app;
            if (Id != null)
            {
                app = _ctx.Applications.FirstOrDefault(x => x.Id == Id.Value);
                foreach (var item in Options.Where(item => item.Value == Id.Value.ToString()))
                {
                    item.Selected = true;
                }
            }
            else
            {
                app = _ctx.Applications.FirstOrDefault();
            }
            const int pageSize = 10; // êîëè÷åñòâî ýëåìåíòîâ íà ñòðàíèöå

            var source = _ctx.Reports.Where(x => x.ApplicationId == app.Id);
            var count = await source.CountAsync();
            var items = await source.Skip((p - 1) * pageSize).Take(pageSize).ToListAsync();
            var pageViewModel = new ProfileViewModel(count, p, pageSize);
            PageViewModel = pageViewModel;
            ReportItems = new List<ReportItemModel>();
            foreach (var item in items)
            {
                ReportItems.Add(new ReportItemModel()
                {
                    Application = app.Name,
                    Id = item.Id,
                    Created = item.Created,
                    Email = item.Email,
                    Hardware = item.HardwareId,
                    Ip = ByteToIpAddress(item.Ip),
                    Files = await GetFiles(item.Id)

                });
            }
        }

        private async Task<FileItemModel[]> GetFiles(int id)
        {
            var items = await _ctx.Files.Where(x => x.ReportId == id).ToListAsync();
            return items.Select(item => new FileItemModel() { Id = item.Id, Name = item.Name }).ToArray();
        }

        /// <summary>
        /// Âûáîðêà ïðèëîæåíèÿ
        /// </summary>
        /// <returns></returns>
        public IActionResult OnPostFilterGenerated()
        {
            return RedirectToPage("Profile", new { id = SelectedOptions });
        }
        /// <summary>
        /// Óäàëåíèå ðåïîðòà
        /// </summary>
        /// <param name="id"></param>
        /// <param name="delid"></param>
        /// <param name="p"></param>
        /// <returns></returns>
        public async Task<IActionResult> OnPostDeleteAsync(int delid, int id, int p)
        {
            var item = await _ctx.Reports.FindAsync(delid);
            if (item == null) return RedirectToPage("Profile", new { id = id, p = p });
            _ctx.Reports.Remove(item);
            await _ctx.SaveChangesAsync();
            var dirPath = Path.Combine(_settings.StoreDir, delid.ToString());
            if (Directory.Exists(dirPath)) Directory.Delete(dirPath, true);
            return RedirectToPage("Profile", new { id = id, p = p });
        }
        #endregion


        private static string ByteToIpAddress(byte[] bytes)
        {
            var ip = new IPAddress(bytes).ToString();
            ip = ip.Replace("::ffff:", "");
            return ip;
        }
    }
}

Написано более трёх лет назад

Cod Rob @Luffy1 Автор вопроса

Владимир Коротенко, спасибо большое!

Написано более трёх лет назад

Пригласить эксперта

Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы

C#

+1 ещё

Простой
Почему не работает обратная привязка в Avalonia UI?
- 1 подписчик
- 22 часа назад
- 60 просмотров
1

ответ
C#

+1 ещё

Средний
При каких входных данных моя программа работает неверно и как мне научиться самому это понимать? Как научиться искать ошибки?
- 2 подписчика
- 20 окт.
- 249 просмотров
3

ответа
C#

+2 ещё

Простой
Как универсализировать обычный ViewList в WPF C# XAML?
- 1 подписчик
- 20 окт.
- 52 просмотра
2

ответа
C#

+1 ещё

Простой
Как проверить, наследует ли объект в обобщённом методе?
- 1 подписчик
- 16 окт.
- 78 просмотров
1

ответ
C#

+1 ещё

Средний
Пермач после авторизации [WTelegram,TDLib] как исправить?
- 1 подписчик
- 10 окт.
- 276 просмотров
0

ответов
HTML

+1 ещё

Простой
Как в руководстве steam сделать обтекающий картинку текст?
- 1 подписчик
- 08 окт.
- 125 просмотров
1

ответ
Веб-разработка

+1 ещё

Средний
Как корректно реализовывать согласие пользователя на обработку персональных данных, в связи с новыми правками?
- 6 подписчиков
- 03 окт.
- 682 просмотра
3

ответа
Веб-разработка

Простой
На сколько важно использовать услугу «Настройка защищенного соединения» от Timeweb?
- 2 подписчика
- 03 окт.
- 213 просмотров
3

ответа
C#

+1 ещё

Простой
Как в VSCode для C#-кода сгенерировать или посмотреть только структуру?
- 1 подписчик
- 01 окт.
- 127 просмотров
1

ответ
C#

+1 ещё

Простой
Почему VSCode панель Outline view не показывает классы и функции из C# кода?
- 1 подписчик
- 01 окт.
- 123 просмотра
1

ответ
Показать ещё Загружается…

Верстальщик / фронтендер для браузерного расширения

DevTeam.Space

от 1 000 до 2 000 $

Специалист технической поддержки (чат)

WebSoft

от 50 000 до 70 000 ₽

Web-разработчик

ЭНДИ Консалтинг

от 40 000 до 40 000 ₽

Answer 1 · 2020-08-12 13:35:47

Селект

<form class="is-small select" id="FilterForm" method="post" asp-page-handler="FilterGenerated">
                <select asp-for="SelectedOptions" asp-items="@Model.Options" onchange="this.form.submit()"></select>
            </form>

ссылка

<a asp-page="Edit" asp-route-id="@item.Id">Изменить</a>

Как сделать переход от одной страницы Razor к другой с помощью кнопки, которая находится на первой странице?

Войдите, чтобы написать ответ

Минуточку внимания

Войдите на сайт