king_tt

浏览: 2101594 次
性别:
来自: 深圳

最近访客更多访客>>

u012363178

liangjijiang

jacky_dai

ljmomo

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

2017-01 ( 5)
2016-12 ( 132)
2016-11 ( 17)
更多存档...

ASP.NET MVC 企业级实战 —— 创建用户权限管理示例程序（一）

网上有很多讨论ASP.NET MVC，也有讨论Jquery插件的，同时把两者结合起来做项目开发的却是比较少。

ASP.NET MVC是比较优秀的后台框架，而前台采用JQuery插件会做出比较漂亮美观的界面。

假正经哥哥发表过一篇Blog如果利用xjplugin编写基于web的应用系统，讲解了如何将两者结合来开发Web应该系统。

将要创建的用户权限管理模块是采用了NBlock快速开发框架，这套框架就是参考了假正经哥哥的思想和技术进行封装和扩展而成。

用户权限管理的访问地址：http://42.121.122.31/, 速度可能会慢，因为我是通过园豆购买的阿里云主机，最差的那种配置。

下面进入我们的正题，一步一步来创建用户权限管理示例程序。

一、安装NBlock框架

打开Visual Studio 2010，点击工具 -> 扩展管理器，如下图所示：

打开扩展管理器之后，我们在联机库菜单中可以找到NBlock快速开发框架，只需要在右侧的查询框中输入 NBlock, 等一会就会出现如下图所示的界面。我们只需要选中“NBlock快速开发框架”这项，并点击下载。

点击“下载”按钮之后，就会弹出下载并安装的提示框，只有400多K，一下子就下载完成了，下载中的界面如下图所示。

下载完成之后，会自动弹出安装界面，我们只需要点击安装即可，如下图所示。

安装完成之后，我们再看看扩展管理器中的“NBlock快速开发框架”这条记录，原先下载按钮的位置变成了打钩状态，表示我们已经安装了“NBlock快速开发框架”这套模版，如下图所示。

需要重新启动Visual Studio 2010，我们才能选择基于“NBlock快速开发框架”来创建企业级的项目或模块。

二、创建OrgAuth项目

在安装好“NBlock快速开发框架”之后，就可以创建基于“NBlock快速开发框架”的快速开发项目了。打开Visual Studio 2010，点击文件 -> 新建 -> 项目创建基于NBlock框架的快速开发项目，如下图所示。项目名称设置为OrgAuth。

点击确定按钮之后，Visual Studio 2010将会创建一个解决方案OrgAuth，包含三个项目， OrgAuth.Web 应用程序（MVC项目）、OrgAuth.Services业务服务层（类库项目）和OrgAuth.Models数据模型层（类库项目）。

三、 OrgAuth项目的目录结构

OrgAuth包含三个项目，其中OrgAuth.Web 应用程序会自动增加一些文件和目录到项目中，如下图所示。

默认情况下，OrgAuth.Web 应用程序有五个顶级目录。

Controllers – 放置Controller 类，处理URL 请求。

Views – 放置UI 模板文件，负责展示输出结果，默认采用Razor视图。

Scripts – 放置Javascript 类库文件和.js 文件。

Contents – 放置CSS 和图像文件，以及其他非动态的、非Javascript 文件。

App_Data – 放置数据库文件。

OrgAuth.Web 应用程序目录采用ASP.NET MVC 应用程序的大部分默认目录结构。我们这里去除了ASP.NET MVC 应用程序的Models目录。将Model类单独放置在OrgAuth.Models类库项目中。

当我们展开/Controllers 目录时，可以发现默认情况下，NBlock框架自动增加了2 个Controller 类，HomeController 和 EnumController。HomeController定义了登录界面和主框架界面的Action，EnumController定义了枚举类型，枚举项管理的相关Action。

当我们展开/Views 目录时，发现自动添加了三个子目录，分别为：/Enum，/Home 和 /Shared。/Shared目录增加了常用的一些模板文件，如左树右列表、普通列表、普通表单、主从表的表单和普通对话框的布局模板。

当我们展开/Scripts 目录时，发现自动添加了jQuery脚本库和一些jQuery的插件。插件包含：列表、树、对话框、日期控件、验证控件等等。

当我们展开/Content目录时，发现自动添加了/themes/Blue目录，里面放置了一些公共的样式表和各个jQuery插件的样式表，其中Images目录放置了各个插件所用到的图片。

当我们展开/App_Data目录时，发现自动添加了Enum.db文件，该文件是Sqlite数据库文件。NBlock框架默认是采用Sqlite作为存储数据库的，NBlock框架不是必须要求采用Sqlite作为存储数据库的。事实上，对于企业应用系统通常至少会采用Sql Server作为存储数据库。更改存储数据库只需要在Web.config配置文件修改下数据库连接即可。