丽水职业技术学院 机电信息分院 课程实训
基于ASP.NET技术***网站的开发与制作
学生学号： 学生姓名： 实训老师： 张莉
班 级 信管1525 专业名称 计算机信息管理 提交日期 2016年12月16日 成 绩
2016年 12 月
网站名称
目 录
一、实训目的 .............................................................................................................................................. 3 二、开发技术及工具简介 .......................................................................................................................... 3
2.1 ASP.NET技术 ............................................................................................................................... 3 2.2 Microsoft Visual Studio 2010简介 ................................................................................................ 3 2.3 数据库简介 ................................................................................................................................... 3 三、网站整体设计 ...................................................................................................................................... 3
3.1网站需求分析 ................................................................................................................................ 3 3.2网站功能介绍 ................................................................................................................................ 3 3.3数据库设计 .................................................................................................................................... 3 3.4文件配置和数据库连接 ................................................................................................................ 4
3.4.1 Web.Config配置 ................................................................................................................. 4 3.4.2连接数据库 ......................................................................................................................... 4
四、网站主要功能模块的详细设计 .......................................................................................................... 4
4.1前台主要功能模块的详细设计 .................................................................................................... 4
4.1.1首页的设计 ......................................................................................................................... 4 4.1.2播放微课页面的设计 ......................................................................................................... 4 4.2后台主要功能模块的详细设计 .................................................................................................... 5
4.2.1登录页面的设计 ................................................................................................................. 5 4.2.2微课管理页面的设计 ......................................................................................................... 5
五、实训心得 .............................................................................................................................................. 5
2
工商管理学院课程实训
一、实训目的
二、开发技术及工具简介
2.1 ASP.NET技术
2.2 Microsoft Visual Studio 2010简介
2.3 数据库简介
三、网站整体设计
3.1网站需求分析
3.2网站功能介绍
前台功能介绍：
后台功能介绍：
3.3数据库设计
本网站利用Access创建数据库。分别有管理员表（admin）、文章信息表（news）、文章分类表（fl）、图片表（pic）、会员注册表（yh）、茶友留言表（DGB_Item）共有六张表。主要的表设计如下：
3
网站名称
管理员表主要有编号，用户名，密码三个字段。是用于网站的后台登录而设计的，管理员登录网站需要核对其用户名和密码是否正确。其表结构如下表3-1所示：
表3-1 管理员表（admin）
字段名称 id name pw 数据类型 自动编号 文本 文本 描述 主键 用户名 密码 3.4文件配置和数据库连接 3.4.1 Web.Config配置
3.4.2连接数据库
四、网站主要功能模块的详细设计
4.1前台主要功能模块的详细设计 4.1.1首页的设计
描写首页的具体制作过程。首页的运行效果如图4-1所示。
图4-1 首页的运行效果图
4.1.2播放微课页面的设计
描写播放微课页面的具体制作过程。播放微课页面的运行效果如图4-2所示。
图4-2 播放微课页面的运行效果图
4
工商管理学院课程实训
4.2后台主要功能模块的详细设计
后台设计分微课管理，发布微课、作业管理、会员管理、留言管理等。
4.2.1登录页面的设计
与其他网站相同，点击后台登录会出现一个管理员登录界面。管理员输入用户名和密码进行登录，系统根据管理员的输入进行验证，验证信息正确则进入后台管理系统首页，否则提示“用户名与密码不正确”返回到登录页面。该页面运行结果如图4-3所示。
图4-3 管理员登录运行效果图
（1）界面设计
新建登录页面log.aspx，插入4行2列的表格为页面进行布局，从“工具箱”/“标准”选项卡中拖放2个TextBox控件和2个Button控件置于表格中，打开属性面板，设置各控件的属性。各个控件的属性设置及用途如表4-1所示。 表4-1 log.aspx页面中控件属性设置及用途 控件类型 标准/TextBox控件 控件名称 name pw 标准/Button控件 Button1 Button2 （2）登录功能的实现
管理员填好登录信息后，单击【确定】按钮，将触发按钮的Button2_Click事件，首先通过“string name = this.name.Text”语句获取用户信息，其次通过执行SQL查询语句“select * from admin where name='\”去判断用户是否通过身份验证，验证成功，则使用Session对象保存用户的登录信息，然后跳转到kz.html后台管理页面；验证失败，将给出“用户名与密码不对，请重新输入！”信息。
主要属性设置 TextMode属性设置为Password Text属性设置为“取消” Text属性设置为“确定” 用途 输入用户名 输入密码 重置用户信息 实现用户登录 4.2.2微课管理页面的设计
参照登录页面写。
五、实训心得
5