基于.NET Core 3.1 网站开发和部署的方法

@model DishBook @section js{ <partial /> <script src="http://www.jb51.net/article/~/lib/My97DatePicker/WdatePicker.js"></script> } <div> <div> <partial /> </div> <div> <div>您此刻地址的位置:中式餐厅旅馆&gt;在线预订</div> <form asp-controller="Dish" asp-action="Booking" method="post"> <div> <label for="HotelName">旅馆名称：</label> <select> <option value="天津南开店">天津南开店</option> <option value="天津僻静店">天津僻静店</option> <option value="北京向阳店">北京向阳店</option> </select> </div> <div> <span><label asp-for="ConsumeTime"></label> ：</span> <div> <input asp-for="ConsumeTime"> <span>*</span> <span asp-validation-for="ConsumeTime"></span> </div> </div> <div> <span><label asp-for="ConsumePersons"></label>：</span> <div> <input type="text" asp-for="ConsumePersons"> <span>*</span> <span asp-validation-for="ConsumePersons"></span> </div> </div> <div> <label for="RoomType"> 选择包间范例： </label> <select> <option value="包间">包间</option> <option value="散座">散座</option> </select> </div> <div> <span>您的<label asp-for="CustomerName"></label>：</span> <div> <input asp-for="CustomerName"> <span>*</span> <span asp-validation-for="CustomerName"></span> </div> </div> <div> <span><label asp-for="CustomerPhone"></label>：</span> <div> <input asp-for="CustomerPhone"> <span>*</span> <span asp-validation-for="CustomerPhone"></span> </div> </div> <div> <span><label asp-for="CustomerEmail"></label>：</span> <div> <input asp-for="CustomerEmail"> <span asp-validation-for="CustomerEmail"></span> </div> </div> <div> <label for="Comments"> 备注事项： </label> <textarea cols="20" rows="4" placeholder="备注"></textarea> </div> <div> <span><label asp-for="ValidationCode"></label>：</span> <div> <input asp-for="ValidationCode"> <span>*</span> <span asp-validation-for="ValidationCode"></span> </div> </div> <div> <img alt="验证码图片" title="看不清？点击换一个" src='@Url.Action("ValidationCode","Dish")' /> </div> <div> <input type="submit" value="顿时预定" /> </div> </form> </div> </div>

引入jQuery验证插件

这个是插件MVC项目时，模板自动天生的

@section js{ <partial /> <script src="http://www.jb51.net/article/~/lib/My97DatePicker/WdatePicker.js"></script> }

Tag Helper自动按照数据范例天生对应的输入框范例
可以手动配置 type 来包围

验证码提交随处事器验证
行使 [Remote] 特征
具体文档参考：

The jQuery Validate remote method expects a JSON response:

true means the input data is valid.

false, undefined, or null means the input is invalid. Display the default error message.

Any other string means the input is invalid. Display the string as a custom error message.

留意：The [Remote] attribute is in the Microsoft.AspNetCore.Mvc namespace.

1.建设地区项目

成立地区项目目次布局

- Project name Areas Admin //分区项目1 Controllers Views Services //分区项目2 Controllers Views

添加路由法则

在Startup.cs文件中添加地区项目路由法则

（编辑：湖南网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!