MVC+EasyUi环境搭建

    什么是easyui?

    jQuery EasyUI是一组基于jQuery的UI插件集合体,而jQuery EasyUI的目标就是帮助web开发者更轻松的打造出功能丰富并且美观的UI界面。开发者不需要编写复杂的javascript,也不需要对css样式有深入的了解,开发者需要了解的只有一些简单的html标签。


    easyui的优势?

    easyui为创建现代化,互动,JavaScript应用程序,提供必要的功能。

    使用easyui你不需要写很多代码,你只需要通过编写一些简单HTML标记,就可以定义用户界面。

    easyui是个完美支持HTML5网页的完整框架。

    easyui节省您网页开发的时间和规模。

    easyui很简单但功能强大的。


    如何搭建easyui环境?

    一、首先,登录easyui官网,点我,选择如下图片的内容进行下载。

    MVC+EasyUi环境搭建_第1张图片

    二、创建MVC4应用,并选择空的MVC4工程

    MVC+EasyUi环境搭建_第2张图片

    MVC+EasyUi环境搭建_第3张图片


    三、搭建三层

        1、创建服务层类库

    MVC+EasyUi环境搭建_第4张图片

        2、创建数据层(EasyuiStudy.Data)

        3、创建公共层(EasyuiStudy.Common)

        4、创建实体层(EasyuiStudy.Model)

        注意:2/3/4步骤同1


        各层调用情况:

        1、web层调用server层、model层、common层

        2、server层调用data层、model层、common

        3、data层调用model层、common层


    四、解压下载的压缩包,导入文件

        1、在web层创建,contents文件夹,并在此文件加下创建easyui子文件夹,在解压文件中搜索以下文件导入

        MVC+EasyUi环境搭建_第5张图片

    2、在web层的controllers文件夹中添加控制器

    MVC+EasyUi环境搭建_第6张图片

   3、在web层的view文件夹下建立User文件夹

   4、在3中建立的User文件夹下添加视图,如下图

    MVC+EasyUi环境搭建_第7张图片

   5、在步骤4建立的视图中,引用web层中easyui文件夹中的文件(拖入即可,注意顺序),如下代码:

    


    
    Index
    
    
    
    
    

    注意:在head标签中拖入的顺序为:

        a、themes—>default—>images—>easyui.css文件

        b、themes—>icon.css文件

        c、jquery文件

        d、easyui文件

        e、easyui-lang文件


    至此,环境搭建完毕,可在User文件夹的视图中添加代码进行测试。

        

        

        



你可能感兴趣的:(●,架构篇)