MVC易用户界面三层新闻网站建立后台登录界面的搭建（二)

新闻网站建立，后台登录界面的搭建

首先我们在控制器里面新添加一个控制器就叫逻辑控制器，右键点击控制器添加控制器就可以了（注意后面一定是控制器结尾，这是一种约定)

其次：右键点击指数建立索引视图。(不选择使用母版页)

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

这里需要我们引入几个钢性铸铁样式和射流研究…文件

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

htmlhead元名称=“视口”内容=' width=设备宽度'/title登录/title script src=' http : ~/Scripts/jquery-1。8 .2 .js '/script script src=' http : ~/Content/EasyUI/jquery。易用户。量滴js '/script script src=' http : ~/Content/EasyUI/EasyUI-lang-zh _ cn。js '/脚本链接href=' ~/Content/EasyUI/themes/default/EasyUI。CSS ' rel=' externafollow ' rel='//初始化登录窗体});函数initWin() { $('#win ').窗口({ title: '登录，width: 400，height: 270，collapsible: false，minimizable: false，maximizable: false，closable: false，modal: true，resizable: false，})；}/脚本/头体div id=' win ' class=' measuri-window ' div style=' height :20 px '/div table tr TD style=' width :20 px '/TD用户名：/TD tdinput type=' text ' class=' easui-textbox ' id=' Txtname ' name=' Txtname '/TD tdspan id=' SPan name ' style=' color : red '/SPan/TD/tr style=' height :10 px '/tr tr TD style=' width 336020 px TD/TD密码：/TD tdinput type=' password/' class=' easyui-textbox ' id=' TxTpWd ' name=' TxTpWd '/TD tdspan id=' spanPwd ' style=' color : red '/span/TD/tr style=' height :10 px '/tr tr tr TD style=' width 336020 px '/TD TD验证码：/TD tdinput type=' text ' class=' easy ui-textbox ' id=' TxTV code ' name=' TxTV code '/TD tdspan id=' spanVCode ' style=' color : red '/span/TD/tr style=' height :10 px '/tr tr TD style=' width 336020 px '/TD tdimg id=' image ' src=' http : ' style=' float : height : 24px//TD TDA href=' JavaScript : void(0)' rel=' external nofollow ' rel=' external nofollow '看不清，换一张/a/TD/tr/table/div div style=' height :10 px '/div div data-options=' region : ' south '，border : false ' style=' text-align 3360 center； padd :5 px 0 0a class=' easui-link button ' data-options=' iconcl s 3360 ' icon-ok ' ' href=' JavaScript : void(0)' rel=' external nofollow ' rel=' external nofollow ' id=' btnOk ' style=' width 336080 px '登录/a /div /div/body/html运行的结果图：

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

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持我们。