你的位置:首页 > 软件开发 > ASP.net > EF6 CodeFirst+Repository+Ninject+MVC4+EasyUI实践(二)

EF6 CodeFirst+Repository+Ninject+MVC4+EasyUI实践(二)

发布时间:2015-07-17 09:00:12
前言 写完第一篇后,我一直在想接下来应该从哪一方面开始讲。后来我觉得不用那么死板的把每一个课程和大纲都列出来吧,毕竟我又不是教书的,呵呵。。。我觉得就像做实验一样,我们一部分一部分的完成,最后总个结果应该就出来呢。那么这一篇就来把前端的样子弄出来,至少得知道长成什么样吧。接下 ...

前言

 

  • 写完第一篇后,我一直在想接下来应该从哪一方面开始讲。后来我觉得不用那么死板的把每一个课程和大纲都列出来吧,毕竟我又不是教书的,呵呵。。。我觉得就像做实验一样,我们一部分一部分的完成,最后总个结果应该就出来呢。那么这一篇就来把前端的样子弄出来,至少得知道长成什么样吧。接下来就应该开始捯饬了。。。

 

下载前端框架EasyUI

 

  • 到EasyUI的官网下载压缩包。一个是基于GPL的开源版,一个是商业版。我们自己做研究就下个开源版呢。目前是1.4.3的版本,解压缩后,我们去掉一些不要的文件,毕竟项目中放那么多不用的文件也是浪费。

  EF6 CodeFirst+Repository+Ninject+MVC4+EasyUI实践(二)

  1. demo文件夹:里存放的都是easyui的官方示例,在项目中我们不需要加载,删除里面的全部文件夹,只留下demo.css样式文件;
  2. demo-mobile文件夹:看名字就知道是移动开发要用的呢,我们把总个demo-mobile文件夹全部删掉;
  3. locale文件夹:这是easyui的本地和全球化语言包,我们留下中文简体、中文繁体、英文三个js文件,分别是easyui-lang-zh_CN.js、easyui-lang-zh_TW.js、easyui-lang-en.js,其他的全部删除掉;
  4. plugins和src文件夹:存放一些有用的插件,这个保留;
  5. themes文件夹:里面存放easyui为我们提供的5种皮肤,这个保留;
  6. 删除jquery.easyui.mobile.js文件;

 

EasyUI整合到MVC

 

  • 在解决方案的Web工程项目中新建一个EasyUI的文件夹,将先前整理好的EasyUI文件复制进去。
  • 在解决方案的Web工程项目中新建一个data的文件夹,存放我们需要演示的json格式的数据,因为现在项目的数据库还没有搭建,所以可以读取json格式文件中存放的本地数据来查看效果。

  EF6 CodeFirst+Repository+Ninject+MVC4+EasyUI实践(二)

 

设计系统的登录界面和主界面

 

  • 登录界面:添加AccountController,在里面添加Login视图,返回空的view就行呢,目前我们只是做演示搭建。在Login视图中添加如下代码:
@{  ViewBag.Title = "Login";}<script type="text/javascript" language="javascript">  function clearForm() {    $('#ff').form('clear');  }</script><div style="display: block; width: 400px; margin: 0 auto; text-align: left; margin-top:200px;">  <div class="easyui-panel" title="登录界面" style="width: 400px">    <div style="padding:10px 60px 20px 60px">      <form id="ff" action="/Main/Index" method="post">        <div class="fitem">          <label>用户名:</label>          <input id="UserName" name="UserName" class="easyui-validatebox" required="true" value="admin">        </div>        <div style="height:20px;"></div>        <div class="fitem">          <label>密 &nbsp;&nbsp;码:</label>          <input id="UserPwd" name="UserPwd" class="easyui-validatebox" required="true" type="password" value="123">        </div>        <div style="height:20px;"></div>        <div style="text-align:center;padding:5px">          <input class="easyui-linkbutton" type="submit" value="登 录" />          <input class="easyui-linkbutton" type="button" value="清 除" onclick="clearForm()" />        </div>      </form>    </div>  </div></div><div style="text-align:center; margin-top:20px; font-size:14px; font-weight:400;">  Copyright &copy; 2015 http//:wangweimutou.cnblogs.com. All Rights Reserved.</div>

原标题:EF6 CodeFirst+Repository+Ninject+MVC4+EasyUI实践(二)

关键词:mvc

mvc
*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们: admin#shaoqun.com (#换成@)。