本系列教程讲解如何使用asp .net mvc+jquery easyui进行开发项目,教程以开发简单的网站后台管理系统为路线进行一步步的讲解,最终开发出来的项目基本满足一个网站的管理后台,当前这里的jquery easyui主要用于V层的数据展示,如果你熟悉其他的前台框架可以采用其他的比如现在流行的响应式框架bootstrap。为方便初学者学习项目中都采用赤裸裸的项目开发逻辑,并没有采用设计模式进行开发。最终项目开发效果图如下:
待传!!!
本文主要包括项目数据库创建,项目创建以及asp.net MVC项目目录介绍等内容。
数据库主要包括一个网站必须的几个表以及一个项目必须的相关系统表。
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
|
/****** Object: 新闻表 Script Date : 2017/9/2 星期六 15:11:12 ******/ SET ANSI_NULLS ON GO SET QUOTED_IDENTIFIER ON GO CREATE TABLE [dbo].[SITE_ARTICLE]( [ID] [nvarchar](36) NOT NULL , --ID [TITLE] [nvarchar](100) NULL , --新闻标题 [COLID] [nvarchar](36) NULL , --所属栏目ID [COLNAME] [nvarchar](60) NULL , --所属栏目 [OBJECTID] [nvarchar](36) NULL , --所属专题ID [OBJECTNAME] [nvarchar](60) NULL , --所属专题 [ARINTRO] [nvarchar](400) NULL , --新闻简介 [ARCONTENT] [ntext] NULL , --新闻标题 [INITCOUNT] [ int ] NULL , --浏览次数 [THUMBNAIL] [nvarchar](100) NULL , --缩略图 [VIDEOPATH] [nvarchar](200) NULL , --视频路径 [RELEASEDATE] [datetime] NULL , --发布日期 [RELEASEPERSON] [nvarchar](20) NULL , --发布人 /*以下为公共字段,用于简单日志记录*/ [CREATETIME] [datetime] NULL , [CREATEIP] [nvarchar](30) NULL , [CREATEUSER] [nvarchar](30) NULL , [MODIFYTIME] [datetime] NULL , [MODIFYIP] [nvarchar](30) NULL , [MODIFYUSER] [nvarchar](30) NULL , [REMARKS] [nvarchar](60) NULL , CONSTRAINT [PK_ARTICLE_BASE] PRIMARY KEY CLUSTERED ( [ID] ASC ) WITH (PAD_INDEX = OFF , STATISTICS_NORECOMPUTE = OFF , IGNORE_DUP_KEY = OFF , ALLOW_ROW_LOCKS = ON , ALLOW_PAGE_LOCKS = ON ) ON [ PRIMARY ] ) ON [ PRIMARY ] TEXTIMAGE_ON [ PRIMARY ] GO /****** Object: 网站栏目表 Script Date : 2017/9/2 星期六 15:20:22 ******/ SET ANSI_NULLS ON GO SET QUOTED_IDENTIFIER ON GO CREATE TABLE [dbo].[SITE_COLUMN]( [ID] [nvarchar](36) NOT NULL , --ID号 [ NAME ] [nvarchar](60) NULL , --姓名 [COLDESC] [nvarchar](200) NULL , --栏目描述 [IFCLOSE] [nvarchar](10) NULL , --是否禁用 [PID] [nvarchar](36) NULL , --父层ID [THUMBNAIL] [nvarchar](100) NULL , --缩略图 [TARGETSORT] [nvarchar](30) NULL , --链接打开方式 [ICOSORT] [nvarchar](20) NULL , --栏目树图标 [ORDERNO] [ int ] NULL , --显示顺序 [LINKADDR] [nvarchar](200) NULL , --外部链接地址 /*以下为公共字段,用于简单日志记录*/ [CREATETIME] [datetime] NULL , [CREATEIP] [nvarchar](30) NULL , [CREATEUSER] [nvarchar](30) NULL , [MODIFYTIME] [datetime] NULL , [MODIFYIP] [nvarchar](30) NULL , [MODIFYUSER] [nvarchar](30) NULL , [REMARKS] [nvarchar](60) NULL , CONSTRAINT [PK_COLUMN_BASE] PRIMARY KEY CLUSTERED ( [ID] ASC ) WITH (PAD_INDEX = OFF , STATISTICS_NORECOMPUTE = OFF , IGNORE_DUP_KEY = OFF , ALLOW_ROW_LOCKS = ON , ALLOW_PAGE_LOCKS = ON ) ON [ PRIMARY ] ) ON [ PRIMARY ] GO /****** Object: 网站专题表 Script Date : 2017/9/2 星期六 16:10:45 ******/ SET ANSI_NULLS ON GO SET QUOTED_IDENTIFIER ON GO CREATE TABLE [dbo].[SITE_PROJECT]( [ID] [nvarchar](36) NOT NULL , --专题ID [ NAME ] [nvarchar](100) NULL , --专题名称 [THUMBNAIL] [nvarchar](100) NULL , --缩略图 [OBJDESC] [nvarchar](200) NULL , --专题描述 [TARGETSORT] [nvarchar](30) NULL , --链接打开方式 /*以下为公共字段,用于简单日志记录*/ [CREATETIME] [datetime] NULL , [CREATEIP] [nvarchar](30) NULL , [CREATEUSER] [nvarchar](30) NULL , [MODIFYTIME] [datetime] NULL , [MODIFYIP] [nvarchar](30) NULL , [MODIFYUSER] [nvarchar](30) NULL , [REMARKS] [nvarchar](60) NULL , CONSTRAINT [PK_OBJECT_BASE] PRIMARY KEY CLUSTERED ( [ID] ASC ) WITH (PAD_INDEX = OFF , STATISTICS_NORECOMPUTE = OFF , IGNORE_DUP_KEY = OFF , ALLOW_ROW_LOCKS = ON , ALLOW_PAGE_LOCKS = ON ) ON [ PRIMARY ] ) ON [ PRIMARY ] GO /****** Object: 友情链接表 Script Date : 2017/9/2 星期六 16:12:16 ******/ SET ANSI_NULLS ON GO SET QUOTED_IDENTIFIER ON GO CREATE TABLE [dbo].[FRIENDLY_LINK]( [ID] [nvarchar](36) NOT NULL , --友情链接ID [ NAME ] [nvarchar](100) NULL , --友情链接名字 [THUMBNAIL] [nvarchar](100) NULL , --缩略图 [LINKADDR] [nvarchar](100) NULL , --链接地址 [ORDERNO] [nvarchar](200) NULL , --显示顺序 /*以下为公共字段,用于简单日志记录*/ [CREATETIME] [datetime] NULL , [CREATEIP] [nvarchar](30) NULL , [CREATEUSER] [nvarchar](30) NULL , [MODIFYTIME] [datetime] NULL , [MODIFYIP] [nvarchar](30) NULL , [MODIFYUSER] [nvarchar](30) NULL , [REMARKS] [nvarchar](60) NULL , CONSTRAINT [PK_FRIENDLY_LINK] PRIMARY KEY CLUSTERED ( [ID] ASC ) WITH (PAD_INDEX = OFF , STATISTICS_NORECOMPUTE = OFF , IGNORE_DUP_KEY = OFF , ALLOW_ROW_LOCKS = ON , ALLOW_PAGE_LOCKS = ON ) ON [ PRIMARY ] ) ON [ PRIMARY ] GO |
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
|
/****** 下拉列表控制值表 Script Date : 2017/9/2 星期六 16:14:20 ******/ SET ANSI_NULLS ON GO SET QUOTED_IDENTIFIER ON GO CREATE TABLE [dbo].[SYS_DICTIONARY]( [ID] [nvarchar](36) NOT NULL , --ID [SORT] [nvarchar](20) NULL , --分类(跟数据表字段名一致) [ NAME ] [nvarchar](60) NULL , --中文名称 [CVALUE] [nvarchar](40) NULL , --下拉列表name值 [NVALUE] [nvarchar](40) NULL , --下拉列表value值 [LISTORDER] [nvarchar](20) NULL , --显示顺序 CONSTRAINT [PK_SYS_DICTIONARY] PRIMARY KEY CLUSTERED ( [ID] ASC ) WITH (PAD_INDEX = OFF , STATISTICS_NORECOMPUTE = OFF , IGNORE_DUP_KEY = OFF , ALLOW_ROW_LOCKS = ON , ALLOW_PAGE_LOCKS = ON ) ON [ PRIMARY ] ) ON [ PRIMARY ] GO /****** 网站配置信息库 Script Date : 2017/9/2 星期六 16:17:40 ******/ SET ANSI_NULLS ON GO SET QUOTED_IDENTIFIER ON GO CREATE TABLE [dbo].[SYS_INFOMATION]( [ID] [nvarchar](36) NOT NULL , --ID [ NAME ] [nvarchar](100) NULL , --网站名称 [KEYWORDS] [nvarchar](100) NULL , --Keywords [DESCRIPTION] [nvarchar](100) NULL , --description [COPYRIGHT] [nvarchar](100) NULL , --版权信息 [DOMAIN] [nvarchar](100) NULL , --网站域名 [UNITNAME] [nvarchar](100) NULL , --所属单位 [CONTACT] [nvarchar](20) NULL , --联系人 [TEL] [nvarchar](20) NULL , --联系电话 [FAX] [nvarchar](20) NULL , --传真 [MOBILE] [nvarchar](20) NULL , --联系手机 [EMAIL] [nvarchar](60) NULL , --邮箱 [ADDRESS] [nvarchar](100) NULL , --地址 /*以下为公共字段,用于简单日志记录*/ [CREATETIME] [datetime] NULL , [CREATEIP] [nvarchar](30) NULL , [CREATEUSER] [nvarchar](30) NULL , [MODIFYTIME] [datetime] NULL , [MODIFYIP] [nvarchar](30) NULL , [MODIFYUSER] [nvarchar](30) NULL , [REMARKS] [nvarchar](60) NULL , CONSTRAINT [PK_SYS_INFOMATION] PRIMARY KEY CLUSTERED ( [ID] ASC ) WITH (PAD_INDEX = OFF , STATISTICS_NORECOMPUTE = OFF , IGNORE_DUP_KEY = OFF , ALLOW_ROW_LOCKS = ON , ALLOW_PAGE_LOCKS = ON ) ON [ PRIMARY ] ) ON [ PRIMARY ] GO /****** 网站操作日志库 Script Date : 2017/9/2 星期六 16:20:40 ******/ SET ANSI_NULLS ON GO SET QUOTED_IDENTIFIER ON GO CREATE TABLE [dbo].[SYS_LOG]( [ID] [nvarchar](36) NOT NULL , --ID [OPERATION] [nvarchar](600) NULL , --操作描述 [SORT] [nvarchar](20) NULL , --操作分类 [OPERATDATE] [datetime] NULL , --操作时间 [OPERATER] [nvarchar](40) NULL , --操作人 [OPERATIP] [nvarchar](30) NULL , --操作IP /*以下为公共字段,用于简单日志记录*/ [CREATETIME] [datetime] NULL , [CREATEIP] [nvarchar](20) NULL , [CREATEUSER] [nvarchar](20) NULL , [MODIFYTIME] [datetime] NULL , [MODIFYIP] [nvarchar](20) NULL , [MODIFYUSER] [nvarchar](20) NULL , [REMARKS] [nvarchar](200) NULL , CONSTRAINT [PK_SYS_LOG] PRIMARY KEY CLUSTERED ( [ID] ASC ) WITH (PAD_INDEX = OFF , STATISTICS_NORECOMPUTE = OFF , IGNORE_DUP_KEY = OFF , ALLOW_ROW_LOCKS = ON , ALLOW_PAGE_LOCKS = ON ) ON [ PRIMARY ] ) ON [ PRIMARY ] GO /****** 网站后台管理菜单库 Script Date : 2017/9/2 星期六 16:22:13 ******/ SET ANSI_NULLS ON GO SET QUOTED_IDENTIFIER ON GO CREATE TABLE [dbo].[SYS_MENU]( [ID] [nvarchar](36) NOT NULL , --ID [ NAME ] [nvarchar](40) NULL , --菜单名称 [ LEVEL ] [nvarchar](2) NULL , --级别 [PARENTID] [nvarchar](36) NULL , --父层ID [ORDERNO] [nvarchar](2) NULL , --显示顺序 [LINKADDR] [nvarchar](100) NULL , --链接地址 [MENUICON] [nvarchar](40) NULL , --菜单左侧图标 /*以下为公共字段,用于简单日志记录*/ [CREATETIME] [datetime] NULL , [CREATEIP] [nvarchar](20) NULL , [CREATEUSER] [nvarchar](20) NULL , [MODIFYTIME] [datetime] NULL , [MODIFYIP] [nvarchar](20) NULL , [MODIFYUSER] [nvarchar](20) NULL , [REMARKS] [nvarchar](200) NULL , CONSTRAINT [PK_SYS_MENU] PRIMARY KEY CLUSTERED ( [ID] ASC ) WITH (PAD_INDEX = OFF , STATISTICS_NORECOMPUTE = OFF , IGNORE_DUP_KEY = OFF , ALLOW_ROW_LOCKS = ON , ALLOW_PAGE_LOCKS = ON ) ON [ PRIMARY ] ) ON [ PRIMARY ] GO /****** 网站后台管理角色库 Script Date : 2017/9/2 星期六 16:23:52 ******/ SET ANSI_NULLS ON GO SET QUOTED_IDENTIFIER ON GO CREATE TABLE [dbo].[SYS_ROLE]( [ID] [nvarchar](36) NOT NULL , --ID [ NAME ] [nvarchar](60) NULL , --角色名称 [ROLEDESC] [nvarchar](40) NULL , --角色描述 [SHOWORDER] [nvarchar](40) NULL , --显示顺序 [LOCKSTATE] [nvarchar](40) NULL , --锁定状态 [POWERLIST] [nvarchar](4000) NULL , --权限列表 /*以下为公字段,用于简单日志记录*/ [CREATETIME] [datetime] NULL , [CREATEIP] [nvarchar](30) NULL , [CREATEUSER] [nvarchar](30) NULL , [MODIFYTIME] [datetime] NULL , [MODIFYIP] [nvarchar](30) NULL , [MODIFYUSER] [nvarchar](30) NULL , CONSTRAINT [PK_SYS_ROLE] PRIMARY KEY CLUSTERED ( [ID] ASC ) WITH (PAD_INDEX = OFF , STATISTICS_NORECOMPUTE = OFF , IGNORE_DUP_KEY = OFF , ALLOW_ROW_LOCKS = ON , ALLOW_PAGE_LOCKS = ON ) ON [ PRIMARY ] ) ON [ PRIMARY ] GO /****** 网站后台管理用户表 Script Date : 2017/9/2 星期六 16:26:01 ******/ SET ANSI_NULLS ON GO SET QUOTED_IDENTIFIER ON GO CREATE TABLE [dbo].[SYS_USER]( [ID] [nvarchar](36) NOT NULL , --ID [USERNAME] [nvarchar](20) NULL , --用户名 [REALNAME] [nvarchar](30) NULL , --真实姓名 [USERPASS] [nvarchar](32) NULL , --用户密码 [RULEID] [nvarchar](36) NULL , --角色ID [RULENAME] [nvarchar](60) NULL , --角色名称 CONSTRAINT [PK_SYS_USER] PRIMARY KEY CLUSTERED ( [ID] ASC ) WITH (PAD_INDEX = OFF , STATISTICS_NORECOMPUTE = OFF , IGNORE_DUP_KEY = OFF , ALLOW_ROW_LOCKS = ON , ALLOW_PAGE_LOCKS = ON ) ON [ PRIMARY ] ) ON [ PRIMARY ] GO |
打开vs(比着使用的是vs 2017版本),选择“文件”菜单下的“项目”菜单,打开项目创建对话框。
左侧选择“Visual C#”下面的Web,右侧选择asp.net web应用程序,输入项目名称,点击确定按钮,然后打开项目模板选择对话框,如下图。
这里选择空模板、并且选择mvc点击确定按钮项目创建完成。
至此项目创建完毕,项目目录结构如下图所示。
Content:文件夹主要是项目资源文件夹,用于存放系统内用到的图片资源、Css资源或者Js资源也行。
Controllers:对应mvc的C层,这里主要用于写业务逻辑,Controllers内包含大量的Action,一般浏览器跟浏览器访问地址对应,比如www.web.com/Index/ViewNew,路径中Index是Controllers的名字,ViewNew是Controllers下面的某个Action的名字,这里Url路径跟Controllers内Action代码的对应关系可以通过路由进行配置,具体关于asp.net路由配置请百度,这里不再介绍,使用默认路由即可。
默认路由代码如下:
Model:对应mvc的M层,主要跟数据库做映射,将对数据库的操作(增删改查)借助code first框架映射成对类的操作。
Script:用于存放项目中第三方前端脚本类库,比如jquery,Jquery easyUi,bootstrap等。
View:对应mvc的V层,前端页面展示层。
Global.asax:具体不是很清楚,目前接触的主要用于mvc中路由配置,还有定时执行某些任务的功能也在里面做过,asp.net mvc4及以上版本,这块有变化。
Web.config:项目配置文件,主要用的功能就是项目的数据库链接配置。
本文结束,欢迎继续阅读,交流QQ:806693619
- 完美解决iis下JWplayer提示Error loading media: File could not be played错误(3703)
- asp.net mvc+jquery easyui开发基础(一)模块首页及增加、修改、删除模块实现(2928)
- .Net Mvc中使用Jquery EasyUI控件讲解(一)表格控件datagrid使用介绍(2636)
- asp.net mvc+jquery easyui开发实战教程之网站后台管理系统开发(三)登录模块开发(2577)
- asp.net mvc+jquery easyui开发实战教程之网站后台管理系统开发(七)权限管理模块之系统菜单动态生成(2541)
- asp.net mvc+jquery easyui开发实战教程之网站后台管理系统开发(六)权限管理模块之初始数据准备(2191)
- asp.net mvc+jquery easyui开发实战教程之网站后台管理系统开发(八)权限管理模块之权限管理实现(2158)
- Jquery ajax访问asp.net web api跨域问题解决方案(1829)
- asp.net mvc+jquery easyui开发实战教程之网站后台管理系统开发(五)后台模板html页面集成到项目中(1609)
- .Net Mvc中使用Jquery EasyUI控件讲解(二)树形控件tree使用介绍(1536)
- 1. Windows Server 2008 R2永久激活及Chew-WGA v0.9下载(12644)
- 2.Visual Studio 2017中安装visualSVN及使用详解(4838)
- 3.完美解决iis下JWplayer提示Error loading media: File could not be played错误(3703)
- 4.asp.net mvc+jquery easyui开发基础(一)模块首页及增加、修改、删除模块实现(2928)
- 5.Android avax.net.ssl.SSLPeerUnverifiedException: No peer certificate 解决方法(httpClient支持HTTPS的访问方式)(2791)
- 6..Net Mvc中使用Jquery EasyUI控件讲解(一)表格控件datagrid使用介绍(2636)
- 7.asp.net mvc+jquery easyui开发实战教程之网站后台管理系统开发(三)登录模块开发(2577)
- 8.asp.net mvc+jquery easyui开发实战教程之网站后台管理系统开发(七)权限管理模块之系统菜单动态生成(2541)
- 9. asp.net mvc+jquery easyui开发实战教程之网站后台管理系统开发(六)权限管理模块之初始数据准备(2191)
- 10.asp.net mvc+jquery easyui开发实战教程之网站后台管理系统开发(八)权限管理模块之权限管理实现(2158)