asp.net mvc+jquery easyui开发实战教程之网站后台管理系统开发(一)准备工作
深山老妖浏览:11772019-02-28 09:53:01本文累计收益:0我也要赚钱

本系列教程讲解如何使用asp .net mvc+jquery easyui进行开发项目,教程以开发简单的网站后台管理系统为路线进行一步步的讲解,最终开发出来的项目基本满足一个网站的管理后台,当前这里的jquery easyui主要用于V层的数据展示,如果你熟悉其他的前台框架可以采用其他的比如现在流行的响应式框架bootstrap。为方便初学者学习项目中都采用赤裸裸的项目开发逻辑,并没有采用设计模式进行开发。最终项目开发效果图如下:

待传!!!

本文主要包括项目数据库创建,项目创建以及asp.net MVC项目目录介绍等内容。

二、数据库创建准备

数据库主要包括一个网站必须的几个表以及一个项目必须的相关系统表。

1.网站相关表格有:新闻表、栏目表、专题表、友情联系表。
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

 

2、项目基本系统管理表格有:用户表、角色表、日志表、菜单表、字段表等。

 

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

 

数据库创建脚本下载:数据库创建脚本.txt

数据库备份文件下载:数据库备份文件.bak

三、创建项目

打开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

评论列表
发表评论
+ 关注