asp.net mvc+jquery easyui开发实战教程之网站后台管理系统开发1-准备工作
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了asp.net mvc+jquery easyui开发实战教程之网站后台管理系统开发1-准备工作相关的知识,希望对你有一定的参考价值。
/****** 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
一、教程概述
本系列教程讲解如何使用asp .net mvc+jquery easyui进行开发项目,教程以开发简单的网站后台管理系统为路线进行一步步的讲解,最终开发出来的项目基本满足一个网站的管理后台,当前这里的jquery easyui主要用于V层的数据展示,如果你熟悉其他的前台框架可以采用其他的比如现在流行的响应式框架bootstrap。为方便初学者学习项目中都采用赤裸裸的项目开发逻辑,并没有采用设计模式进行开发。最终项目开发效果图如下:
本文主要包括项目数据库创建,项目创建以及asp.net MVC项目目录介绍等内容。
数据库主要包括一个网站必须的几个表以及一个项目必须的相关系统表。
/****** 下拉列表控制值表 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 2012 for web版本),选择“文件”菜单下的“新建项目”菜单,打开项目创建对话框。
左侧模板选择“Visual C#”下面的Web模板,右侧选择需要使用的mvc版本,这里选择asp.net mvc3 web应用程序,输入项目名称,点击确定按钮,然后打开项目模板选择对话框,如下图。
这里选择空模板即可。
至此项目创建完毕,项目目录结构如下图所示。
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
以上是关于asp.net mvc+jquery easyui开发实战教程之网站后台管理系统开发1-准备工作的主要内容,如果未能解决你的问题,请参考以下文章
asp.net mvc+jquery easyui开发实战教程之网站后台管理系统开发4- 后台模板html页面创建
Asp.Net Mvc通用后台管理系统,bootstrap+easyui+权限管理+ORM
建筑材料系统 ASP.NET MVC4.0 + WebAPI + EasyUI + Knockout 的架构设计开发