MVC+EasyUI+三层新闻网站建立(二后台登录界面的搭建)

2021-07-03 18:05

阅读:306

YPE html PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" "http://www.w3.org/TR/REC-html40/loose.dtd">

标签:ini   color   mod   change   script   body   pts   pass   options   

首先我们在Controllers里面新添加一个控制器就叫LoginController,右键点击Controllers添加控制器就可以了(注意后面一定是Controller结尾,这是一种约定)

技术分享

其次:右键点击index建立Index视图。(不选择使用母版页)

技术分享

 

现在我们就可以在Index视图中设计我们的登录页面了。

这里需要我们引入几个Css样式和JS文件

技术分享

简单的进行登录界面的布局

"viewport" content="width=device-width" />
    登录"~/Content/EasyUI/themes/default/easyui.css" rel="stylesheet" />
    "~/Content/EasyUI/themes/icon.css" rel="stylesheet" />
    
"win"class="easyui-window">
"height:20px">
"height:10px">"height:10px">"height:10px">
"width:20px"> 用户名: "text"class="easyui-textbox" id="txtName" name="txtName"/> "spanName" style="color:red">
"width:20px"> 密 码: "password/"class="easyui-textbox"id="txtPwd" name="txtPwd"> "spanPwd" style="color:red">
"width:20px"> 验证码: "text"class="easyui-textbox" id="txtVcode" name="txtVcode"/> "spanVcode"style="color:red">
"width:20px"> "image" src="" style="float: left; height: 24px;" /> "javascript:void(0)" onclick="changeCheckCode();return false;">看不清,换一张
"height:10px">

运行的结果图:

技术分享

这里验证码的图片没有显示出来,这是没有关系的,在下一节中就讲怎么把验证码显示出来。

MVC+EasyUI+三层新闻网站建立(二后台登录界面的搭建)

标签:ini   color   mod   change   script   body   pts   pass   options   

原文地址:http://www.cnblogs.com/liuzhidao/p/7123465.html

上一篇:Hibernate关联映射

下一篇:phpstorm问题


评论


亲,登录后才可以留言!