电工技术精品课程网站设计与实现.docx
《电工技术精品课程网站设计与实现.docx》由会员分享，可在线阅读，更多相关《电工技术精品课程网站设计与实现.docx（24页珍藏版）》请在冰豆网上搜索。
电工技术精品课程网站设计与实现
济源职业技术学院
毕业设计（论文）
题目
电工技术精品课程网站设计与实现
系别
信息工程系
专业
网络技术
班级
0803班
姓名
刘晨
学号
08110312
指导教师
苏文芝
日期
2010年11月30日
目录
摘要II
AbstractIII
第1章引言-1-
1.1任务概述-1-
1.2需求概述-1-
1.3设计目标-2-
1.4运行环境-2-
第2章总体设计-3-
2.1系统总体模块概述-3-
2.2系统总体功能介绍-3-
2.3功能分配和模块设计-4-
2.4数据库设计-5-
第3章模块详细设计与实现-8-
3.1模块功能详细描述-8-
3.1.1首页流程图-8-
3.1.2菜单流程图-8-
3.1.3前台的管理-8-
3.2模块关键技术-13-
3.3模块功能实现-17-
致谢-19-
参考文献-20-
摘要
由于经济的快速发展，学生对学习生活的需求也在不断的增长。
在这种情况下，电工技术精品课程就渐渐地成为学生提高专业知识的主要途径，而电工技术精品课程就自然而然地在学生的生活中占据了一定的位置。
随着市场竞争的激烈化、现代化和国际化，随着计算机技术的飞速发展，计算机在服务行业中的地位明显提高，利用计算机实现各种功能的运作也日趋普遍，进而利用计算机来辅助学习势在必行。
计算机技术、网络技术和远程教育事业的高速发展，在现代教学过程中，知识的传授方式也随之变革。
电工技术精品课程网站是典型的学习型网站，其开发主要包括后台数据库的建立和维护以及前端应用程序的开发两个方面。
对于前者要求建立起数据一致性和完整性强、数据安全性好的库。
管理员不但可以对专业信息进行管理，还可以对站内的最新消息和最新文章进行添加，修改和删除。
关键字：
电工技术、精品课程、最新消息
Abstract
Astheeconomyhasdevelopedrapidly,thestudentstolearntoliveinconstantgrowthindemand.undersuchcircumstances,theelectricaltechnologyinthecoursewillgraduallybecomethemainwaytoenhancetheprofessionalknowledgeandtechnologyinthecoursewillnaturally,inthelifeoutofplace.
Withtheintensemarketcompetition,modernizationandinternationally,ascomputertechnologyinrecentyears.thecomputer
serviceindustrythepositionofcomputer,theuseoftheimplementationofthefunctionoftheoperationisbecomingcommonplace,thenusethecomputertoaidlearningitisimperative.
Heretotranslatewordsintothecomputertechnology,networkingtechnologyandeducationoftherapiddevelopmentinmodernteachingprocess,andimpartknowledgeofmethodsalsochanges.
Electricaltechnologyproductscoursewebsiteistypicalofthestudyoftypes,thedevelopmentofdatabasesincludingtheestablishmentandmaintenanceandapplicationofanydevelopmentintwoways.fortheformerrequestcreatethevesicationdatauniformityandintegritiesarestronganddatasecurity,agoodlibrary.theadministratorcannotonlyfortheprofessionalinformationmanagementandtostandinthelatestnewsandarticlestoadd,modifyanddelete.
Keywords:
electrotechnics、featuredcourses、latestnews
第1章引言
1.1任务概述
随着计算机技术的飞速发展，计算机在各行业管理中应用的普及，利用计算机实现学习信息管理势在必行。
对于学生来说利用计算机来学习专业知识是适应现代化的要求、推动学业走向科学化、规范化的必要条件。
计算机管理所无法比拟的优点检索迅速、查找方便、可靠性高、存储量大、保密性好、寿命长、成本低等。
学生可以通过网站了解一些关于学习方面的信息，有助于增加自己在专业方面的知识，培养自己的学习兴趣。
对在自己以后专业学习过程中能起到很大的帮助。
系统管理员凭管理员账号、密钥可登陆系统对一些信息进行整理、添加、修改、删除等。
公告公示信息的发布，系统管理员可把每天所需要告知的事情进行显示，也把一些需要提醒学生，对学生有很大帮助的信息进行显示。
系统管理员可凭管理员账号、密钥登陆系统，对所有信息进行修改、添加、删除、整理，定期添加或删除一些相关信息。
1.2需求概述
电工技术精品课程网站反映学生对知识的要求，是设计数据库的根本依据。
明确学生的各种需求，然后在此基础上确定新系统的功能。
电工技术精品课程学习网为学生提供更加便捷的在线学习和交流的环境，使教学更加方便，方便学生在家或寝室学习，提供学生的自学能力，节省学生和老师的时间，提高学习效率，降低教学成本。
学生进入电工技术精品课程网站时，可以根据系统功能对课程进行信息浏览。
电工技术精品课程网站围绕精品课程建设，打造高素质的教师队伍，提高教学服务质量，为学生提供灵活的学习和交流环境。
电工技术精品课程后台管理系统可以管理系统用户、权限，管理员可以对数据库中的内容进行增加、删除、修改、查询，并且可以管理通知通告、专业新闻、课程特色、教师队伍、教学管理、学习园地等。
电工技术精品课程网站必须充分考虑今后可能的扩充和改变，不能仅仅按当前需求来设计数据库。
1.3设计目标
我们通过电工技术精品课程，按照学生用户对本专业的知识需求，利用先进的计算机数据库技术实现以下功能：
1.管理员可以方便、快捷地对新闻、课程信息进行增加、删除、查找、修改等管理。
2.管理员可以对用户权限进行具体的设置。
3.老师可以形象、科学、完整地表现新闻、课程及相关信息的改变。
4.学生可以快捷、准确查阅具体栏目的信息。
1.4运行环境
硬件环境：
CPU：
133的CPU是最低的要求
内存：
32兆以上
硬盘：
硬盘至少要512M
显示器：
建议使用1024*968的分辨率
显卡：
2兆或以上的显存
软件环境：
1.数据库：
MicrosoftAccess
2.网页脚本：
VBScript
3.网页编辑工具：
MicromediaDreamweaver8，MicromediaPhotoShopCS，MicromediaFlashPaper2.0
4.操作系统：
MicrosoftWindowsXPProfessional
5.其他支撑组件：
ODBC数据源、Internet信息服务（IIS）
6.正确安装和设置TCP/IP网络协议、Web服务器软件
第2章总体设计
2.1系统总体模块概述
作为管理员，需要从事的活动：
对网站信息的查看，修改，添加，删除。
作为管理人员，还需要向外界介绍本网站的专业新闻、通知通告、课程特色、教师队伍、教学管理和学习园地等。
针对以上需求，本系统设计了管理员登录。
后台管理人员能够对专业新闻，课程特色，教学管理和学习园地，进修改和删除。
网站信息实时更新等模块。
这完全能够满足学生用户对网站功能的需求。
电工技术精品课程设计整体美观、操作方便，且简单易用，为学生用户与管理员提高工作效率，减少管理人员的工作量，也实现了信息化宣传的目的。
2.2系统总体功能介绍
电工技术精品课程整体页面的首页如图2-1所示。
（1）让学生用户及时了解课程的最新动态。
（2）学生用户能够通过通知通告看到最新的消息及最新通知。
（3）管理员可以从前台点击“后台管理”直接进入后台进行相关的管理，修改密码或者是对课程信息进行管理如：
添加课程信息、课程信息管理及查看课程信息列表。
图2-1精品课程整体页面的首页
2.3功能分配和模块设计
首页中各个模块设计及功能
（1）首页
本网站的大体框架。
（2）通知通告
本网站的最新公告，可以了解最新的信息通知。
（3）专业新闻
本专业网站的最新消息，可以动态了解最新的关于本网站的新闻内容。
（4）课程特色
本专业课程的特色，从而可以更好的学习本专业知识。
（5）教师队伍
本专业的教师团队，大力提倡教师身体力行，以自己的行为研究教学，引领学员。
（6）教学管理
设计电类教学模块，满足专业人才培养需求。
（7）学习园地
本专业知识和本专业的课外知识。
（8）管理员登录
用于管理员的登录，进行相关信息的操作如：
相关信息的增加、删除、修改、查询等。
（9）关于我们
本专业的优秀教师，优秀教师是课程建设的保证，根据高职教育对教师的要求，规划、实施师资队伍建设，以科研促教学，提高科研教改能力。
（10）网站声明
本网站使用的注意事项。
（11）联系我们
可以发送邮件联系本网站管理员。
2.4数据库设计
数据库是通用化的相关数据的集合，它不仅包括数据本身，而且包括数据之间的联系。
为了让多种应用程序并发的使用数据库中具有最小冗余的共享数据，必须使数据与程序具有较高的独立性。
则需要一个软件系统对数据进行专门的管理，提供安全性和完整性等统一控制，方便用户以交互命令或程序方式对数据库进行操作。
本设计中是在一个名为wwds.mdb数据库中建立了admin表，class表，shop表,smallclass表等。
１.admin（管理员管理信息）根据表：
表2.1admin数据表
字段名
说明
数据类型
字段长度
允许空
admin_id
编号
文本型
50
否
admin_name
管理员名称
文本型
50
否
admin_pass
管理员密码
文本型
8
否
mingcheng
真实姓名
文本型
50
否
quan
权限
文本型
50
否
此表保存系统管理员的用户名和密码。
2.class（信息大类管理）信息数据表：
表2.2class信息数据表
字段名
说明
数据类型
字段长度
允许空
ID
编号
文本型
8
否
class_name
大类型名称
文本型
50
否
此表保存信息大类管理的相关信息。
3.shop（信息）信息数据表：
表2.3shop信息数据表
字段名
说明
数据类型
字段长度
允许空
id
编号
文本型
8
否
shopname
标题
文本型
50
否
b_class
所属大类别
文本型
50
否
s_class
所属小类别
文本型
50
否
s_pic
图片
文本型
50
否
s_content
内容
文本型
50
否
add_time
增加时的时间
文本型
50
否
users
用户
文本型
50
否
fawenhao
文章
文本型
50
否
此表保存数据库中相关的信息。
4.smallclass（信息小类管理）信息数据表：
表2.4smallclass信息数据表
字段名
说明
数据类型
字段长度
允许空
id
编号
文本型
8
否
b_class
所属大类别
文本型
50
否
s_class
所属小类别
文本型
50
否
此表保存信息小类管理的相关信息。
第3章模块详细设计与实现
3.1模块功能详细描述
3.1.1首页流程图
课程特色
专业新闻
3-1首页流程图
菜单
3.1.2菜单流程图
参考资料
实践条件
课程特色
教学方法
首页
申报材料
课程标准
课程简介
教学内容
教学团队
图3-2菜单流程图
3.1.3前台的管理
前台的具体模块设计
１.精品课程网站首页如图3-3所示：
图3-3精品课程网站首页页面
2.管理员登录
点击管理员登录如图3-4所示：
图3-4管理员登录页面
进入此页面即可登录。
3.登录成功如图3-5所示：
图3-5登录成功页面
登录成功后，可以对相关信息的操作如图3-4所示。
4.点击管理员管理如图3-6所示：
图3-6管理员管理页面
5.点击添加管理员如图3-7所示：
图3-7添加管理员页面
6.点击信息大类管理如图3-8所示：
图3-8信息大类管理页面
7.点击信息小类管理如图3-9所示：
图3-9信息小类管理页面
8.点击添加信息如图3-10所示：
图3-10添加信息页面
9.点击信息管理如图3-11所示：
图3-11信息管理页面
10.课程特色：
用户能够通过课程特色了解本课程如图3-12所示：
图3-12课程特色栏目
11.通知通告：
用户能够通过通知通告看到最新的消息及最新通知最新消息如图3-13所示：
图3-13通知通告
3.2模块关键技术
使用纯ASP代码来实现信息的添加、信息的修改、信息的删除功能。
其主要代码如下：
（1）信息添加代码（p_add.asp）：
<%
ifsession（"admin_name"）=""then
response.redirect"../index.asp"
response.end
endif
%>
--#includefile="inc/conn.asp"-->
functionCheckForm（）
{
if（document.reg.p_name.value==""）
{
alert（"请输入标题！
"）;
document.reg.p_name.focus（）;
returnfalse;
}
returntrue;
}
<%
dimsql
dimcount
setrs=server.createobject（"adodb.recordset"）
sql="select*fromsmallclassorderbyidasc"
rs.opensql,conn,1,1
%>
varonecount;
onecount=0;
subcat=newArray（）;
<%
count=0
dowhilenotrs.eof
%>
subcat[<%=count%>]=newArray（"<%=trim（rs（"s_class"））%>","<%=trim（rs（"b_class"））%>","<%=trim（rs（"s_class"））%>"）;
<%
count=count+1
rs.movenext
loop
rs.close
%>
onecount=<%=count%>;
functionchangelocation（locationid）
{
document.reg.sid.length=0;
varlocationid=locationid;
vari;
for（i=0;i{
if（subcat[i][1]==locationid）
{
document.reg.sid.options[document.reg.sid.length]=newOption（subcat[i][0],subcat[i][2]）;
}
}
}
（2）信息修改代码（p_xg.asp）：
<%
ifsession（"admin_name"）=""then
response.redirect"../index.asp"
response.end
endif
%>
--#includefile="inc/conn.asp"-->
<%
dimcount
exec="select*fromsmallclass"
setrs=server.createobject（"adodb.recordset"）
rs.openexec,conn,1,1
%>
varonecount;
onecount=0;
subcat=newArray（）;
<%
count=0
dowhilenotrs.eof
%>
subcat[<%=count%>]=newArray（"<%=trim（rs（"s_class"））%>","<%=trim（rs（"b_class"））%>","<%=trim（rs（"s_class"））%>"）;
<%
count=count+1
rs.movenext
loop
rs.close
setrs=nothing
%>
onecount=<%=count%>;
functionchangelocation（locationid）
{
document.reg.sid.length=0;
varlocationid=locationid;
vari;
for（i=0;i{
if（subcat[i][1]==locationid）
{
document.reg.sid.options[document.reg.sid.length]=newOption（subcat[i][0],subcat[i][2]）;
}
}
}
（3）信息删除代码
--#includefile="inc/conn.asp"-->
<%
exec="delete*fromshopwhereid="&request.QueryString（"id"）
conn.executeexec
conn.close
setconn=nothing
response.write"alert（'删除成功！
'）;window.location.href='p_man.asp';"
%>
3.3模块功能实现
精品课程功能模块图如图3-13所示。
电工技术精品课程
添加信息
信息小类管理
管理首页
退出
管理员登录
添加管理员
信息大类管理
后台管理
管理员登录
信息管理
图3-13功能模块图
（1）该精品课程用前台模块功能实现：
对所有的内容进行显示。
（2）该精品课程登录模块功能实现：
可以通过管理员的用户名和密码对自己的基本信息和密码进行管理。
也可以对精品课程信息进行添加和修改。
致谢
在本次毕业设计中，我从指导老师苏文芝身上学到了很多东西。
苏老师以其严谨求实的治学态度、高度的敬业精神、兢兢业业、孜孜以求的工作作风和大胆创新的进取精神对我产生重要影响。
她渊博的知识、开阔的视野和敏锐的思维给了我深深的启迪。
无论在理论上还是在实践中，她都给予了我很大的帮助，使我得到不少的提高。
这些对于我以后的工作和学习都有巨大的帮助，感谢她耐心的辅导。
同时还要感谢裴蓓、丰建坤本组同学，由于我们的共同努力才圆满完成了毕业设计。
在毕业前最后的时光，仍旧要感谢我生命中出现的那些十分重要的师姐师兄、师弟师妹们，以及我结识的朋友们。
他们不仅在学术上给予我指点，同时也是我生活中一起同行的人，在交往的过程中我们建立信任、彼此鼓励、互相支持与帮助。
当然，在我求学期间，还要感谢我深爱的父母亲一直以来对我无怨无悔的付出、支持、关爱、尊重和信任，在我学习、生活、感情、工作上遇到困难时，是您们帮我抵御风霜，谢谢您们。
我是幸运而幸福的，我知足并且义无反顾的在大家的关爱下坚持自己的信念和理想一路前行。
昨天，我们沉浸在艰辛的喜悦，收获了无穷的经验而微笑；今天，我们身体充满了沸腾的血液，压抑了离别时的忧郁；而明天，我们就要朝着自己崭新的梦想，创造属于自己的一片蓝天！
最后，祝各位老师身体健康，工作顺利，每天都有好心情，愿所有的同学取得更优异的成绩，祝母校走向更辉煌的明天！
参考文献
[1]常春英，王雯捷，唐毅.Dreamweaver8.0网页制作简明教程——ASP动态设计.航空工业出版社，2009年01月
[2]李想，侯凤斌.PhotoshopCS4平面设计实战从入门到精通全彩版.人民邮电出版社，2010年05月
[3]计算机教育图书研究室主编.网页制作三剑客经典教程.航空工业出版社，2010年09月
[4]郭瑞军，郭馨君.ASP.NET2.0数据库开发实例精粹.电子工业出版社，2009年05月
[5]管西京，ASP+Access动态网站案例开发.电子工业出版社，2008年04月
升级会员 