电工技术精品课程网站设计与实现.docx

1、电工技术精品课程网站设计与实现济源职业技术学院 毕 业 设 计（论 文）题目电工技术精品课程网站设计与实现系别信息工程系 专业网络技术 班级0803班 姓名刘晨 学号08110312 指导教师苏文芝 日期2010年11月30日 目 录摘 要 IIAbstract III第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章 模块详细设计与实现

2、 - 8 -3.1 模块功能详细描述 - 8 -3.1.1首页流程图 - 8 -3.1.2菜单流程图 - 8 -3.1.3 前台的管理 - 8 -3.2 模块关键技术 - 13 -3.3 模块功能实现 - 17 -致谢 - 19 -参考文献 - 20 -摘 要由于经济的快速发展，学生对学习生活的需求也在不断的增长。在这种情况下，电工技术精品课程就渐渐地成为学生提高专业知识的主要途径，而电工技术精品课程就自然而然地在学生的生活中占据了一定的位置。随着市场竞争的激烈化、现代化和国际化，随着计算机技术的飞速发展，计算机在服务行业中的地位明显提高，利用计算机实现各种功能的运作也日趋普遍，进而利用计算机

3、来辅助学习势在必行。计算机技术、网络技术和远程教育事业的高速发展，在现代教学过程中，知识的传授方式也随之变革。电工技术精品课程网站是典型的学习型网站，其开发主要包括后台数据库的建立和维护以及前端应用程序的开发两个方面。对于前者要求建立起数据一致性和完整性强、数据安全性好的库。管理员不但可以对专业信息进行管理，还可以对站内的最新消息和最新文章进行添加，修改和删除。关键字：电工技术、精品课程、最新消息AbstractAs the economy has developed rapidly, the students to learn to live in constant growth in de

4、mand. under such circumstances, the electrical technology in the course will gradually become the main way to enhance the professional knowledge and technology in the course will naturally, in the life out of place. With the intense market competition, modernization and internationally, as computer

5、technology in recent years. the computer service industry the position of computer, the use of the implementation of the function of the operation is becoming commonplace, then use the computer to aid learning it is imperative.Here to translate words into the computer technology, networking technolo

6、gy and education of the rapid development in modern teaching process, and impart knowledge of methods also changes. Electrical technology products course web site is typical of the study of types, the development of databases including the establishment and maintenance and application of any develop

7、ment in two ways. for the former request create the vesication data uniformity and integrities are strong and data security, a good library. the administrator can not only for the professional information management and to stand in the latest news and articles to add, modify and delete.Keywords: ele

8、ctrotechnics、featured courses、latest news第1章 引言1.1 任务概述随着计算机技术的飞速发展，计算机在各行业管理中应用的普及，利用计算机实现学习信息管理势在必行。对于学生来说利用计算机来学习专业知识是适应现代化的要求、推动学业走向科学化、规范化的必要条件。计算机管理所无法比拟的优点检索迅速、查找方便、可靠性高、存储量大、保密性好、寿命长、成本低等。学生可以通过网站了解一些关于学习方面的信息，有助于增加自己在专业方面的知识，培养自己的学习兴趣。对在自己以后专业学习过程中能起到很大的帮助。系统管理员凭管理员账号、密钥可登陆系统对一些信息进行整理、添加、修改

9、、删除等。公告公示信息的发布，系统管理员可把每天所需要告知的事情进行显示，也把一些需要提醒学生，对学生有很大帮助的信息进行显示。系统管理员可凭管理员账号、密钥登陆系统，对所有信息进行修改、添加、删除、整理，定期添加或删除一些相关信息。1.2 需求概述 电工技术精品课程网站反映学生对知识的要求，是设计数据库的根本依据。明确学生的各种需求，然后在此基础上确定新系统的功能。电工技术精品课程学习网为学生提供更加便捷的在线学习和交流的环境，使教学更加方便，方便学生在家或寝室学习，提供学生的自学能力，节省学生和老师的时间，提高学习效率，降低教学成本。学生进入电工技术精品课程网站时，可以根据系统功能对课程进

10、行信息浏览。电工技术精品课程网站围绕精品课程建设，打造高素质的教师队伍，提高教学服务质量，为学生提供灵活的学习和交流环境。电工技术精品课程后台管理系统可以管理系统用户、权限，管理员可以对数据库中的内容进行增加、删除、修改、查询，并且可以管理通知通告、专业新闻、课程特色、教师队伍、教学管理、学习园地等。电工技术精品课程网站必须充分考虑今后可能的扩充和改变，不能仅仅按当前需求来设计数据库。1.3 设计目标我们通过电工技术精品课程，按照学生用户对本专业的知识需求，利用先进的计算机数据库技术实现以下功能：1.管理员可以方便、快捷地对新闻、课程信息进行增加、删除、查找、修改等管理。2.管理员可以对用户权

11、限进行具体的设置。3.老师可以形象、科学、完整地表现新闻、课程及相关信息的改变。4.学生可以快捷、准确查阅具体栏目的信息。1.4 运行环境硬件环境：CPU：133的CPU是最低的要求 内存：32兆以上硬盘：硬盘至少要512M显示器：建议使用1024*968的分辨率显卡：2兆或以上的显存软件环境：1.数据库：Microsoft Access2.网页脚本：VBScript3.网页编辑工具：Micromedia Dreamweaver 8， Micromedia PhotoShop CS， Micromedia FlashPaper 2.04.操作系统：Microsoft Windows XP Pr

12、ofessional5.其他支撑组件：ODBC数据源、Internet信息服务（IIS）6. 正确安装和设置TCP/IP网络协议、Web服务器软件第2章 总体设计2.1 系统总体模块概述作为管理员，需要从事的活动：对网站信息的查看，修改，添加，删除。作为管理人员，还需要向外界介绍本网站的专业新闻、通知通告、课程特色、教师队伍、教学管理和学习园地等。针对以上需求，本系统设计了管理员登录。后台管理人员能够对专业新闻，课程特色，教学管理和学习园地，进修改和删除。网站信息实时更新等模块。这完全能够满足学生用户对网站功能的需求。电工技术精品课程设计整体美观、操作方便，且简单易用，为学生用户与管理员提高工

13、作效率，减少管理人员的工作量，也实现了信息化宣传的目的。2.2 系统总体功能介绍电工技术精品课程整体页面的首页如图2-1所示。（1） 让学生用户及时了解课程的最新动态。（2） 学生用户能够通过通知通告看到最新的消息及最新通知。（3） 管理员可以从前台点击“后台管理”直接进入后台进行相关的管理，修改密码或者是对课程信息进行管理如：添加课程信息、课程信息管理及查看课程信息列表。图2-1 精品课程整体页面的首页 2.3 功能分配和模块设计首页中各个模块设计及功能（1）首页本网站的大体框架。（2）通知通告本网站的最新公告，可以了解最新的信息通知。（3）专业新闻本专业网站的最新消息，可以动态了解最新的关

14、于本网站的新闻内容。（4）课程特色本专业课程的特色，从而可以更好的学习本专业知识。（5）教师队伍本专业的教师团队，大力提倡教师身体力行，以自己的行为研究教学，引领学员。（6）教学管理设计电类教学模块，满足专业人才培养需求。（7）学习园地本专业知识和本专业的课外知识。（8）管理员登录用于管理员的登录，进行相关信息的操作如：相关信息的增加、删除、修改、查询等。（9）关于我们本专业的优秀教师，优秀教师是课程建设的保证，根据高职教育对教师的要求，规划、实施师资队伍建设，以科研促教学，提高科研教改能力。（10）网站声明本网站使用的注意事项。（11）联系我们可以发送邮件联系本网站管理员。2.4 数据库设计

15、数据库是通用化的相关数据的集合，它不仅包括数据本身，而且包括数据之间的联系。为了让多种应用程序并发的使用数据库中具有最小冗余的共享数据， 必须使数据与程序具有较高的独立性。则需要一个软件系统对数据进行专门的管理，提供安全性和完整性等统一控制，方便用户以交互命令或程序方式对数据库进行操作。本设计中是在一个名为wwds.mdb数据库中建立了admin表，class表，shop表, smallclass表等。. admin（管理员管理信息）根据表：表2.1 admin数据表字段名说明数据类型字段长度允许空admin_id 编号文本型50否admin_name管理员名称文本型50否admin_pass

16、管理员密码文本型8否mingcheng真实姓名文本型50否quan权限文本型50否此表保存系统管理员的用户名和密码。2. class（信息大类管理）信息数据表：表2.2 class信息数据表字段名说明数据类型字段长度允许空ID编号文本型8否class_name大类型名称文本型50否此表保存信息大类管理的相关信息。3. shop(信息)信息数据表：表2.3 shop信息数据表字段名说明数据类型字段长度允许空id编号文本型8否shopname标题文本型50否b_class所属大类别文本型50否s_class所属小类别文本型50否s_pic图片文本型50否s_content内容文本型50否add_t

17、ime增加时的时间文本型50否users用户文本型50否fawenhao文章文本型50否此表保存数据库中相关的信息。4. smallclass(信息小类管理)信息数据表：表2.4 smallclass信息数据表字段名说明数据类型字段长度允许空id编号文本型8否b_class所属大类别文本型50否s_class所属小类别文本型50否此表保存信息小类管理的相关信息。 第3章 模块详细设计与实现3.1 模块功能详细描述3.1.1首页流程图课程特色专业新闻3-1首页流程图菜 单3.1.2菜单流程图参 考 资 料实 践 条 件课 程 特 色教 学 方 法首 页申 报 材 料课 程 标 准课 程 简 介教

18、 学 内 容教 学 团 队图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 .点击添加

19、信息如图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)：function CheckForm() if (document.reg.p_name.value=) alert(请输入标题！); document.re

20、g.p_name.focus(); return false; return true; var onecount;onecount=0;subcat = new Array(); subcat = new Array(,); onecount=;function changelocation(locationid) document.reg.sid.length = 0; var locationid=locationid; var i; for (i=0;i onecount; i+) if (subcati1 = locationid) document.reg.sid.optionsd

21、ocument.reg.sid.length = new Option(subcati0, subcati2); （2）信息修改代码（p_xg.asp）：var onecount;onecount=0;subcat = new Array(); subcat = new Array(,); onecount=;function changelocation(locationid) document.reg.sid.length = 0; var locationid=locationid; var i; for (i=0;i onecount; i+) if (subcati1 = locat

22、ionid) document.reg.sid.optionsdocument.reg.sid.length = new Option(subcati0, subcati2); （3）信息删除代码%exec=delete * from shop where id=&request.QueryString(id)conn.execute execconn.closeset conn=nothingresponse.write alert(删除成功！);window.location.href=p_man.asp;%3.3 模块功能实现精品课程功能模块图如图3-13所示。电工技术精品课程添 加 信

23、 息信 息 小 类 管 理管 理 首 页退 出管 理 员 登 录添 加 管 理 员信 息 大 类 管 理后台管理管理员登录信 息 管 理图3-13 功能模块图（1）该精品课程用前台模块功能实现：对所有的内容进行显示。（2）该精品课程登录模块功能实现：可以通过管理员的用户名和密码对自己的基本信息和密码进行管理。也可以对精品课程信息进行添加和修改。致谢在本次毕业设计中，我从指导老师苏文芝身上学到了很多东西。苏老师以其严谨求实的治学态度、高度的敬业精神、兢兢业业、孜孜以求的工作作风和大胆创新的进取精神对我产生重要影响。她渊博的知识、开阔的视野和敏锐的思维给了我深深的启迪。无论在理论上还是在实践中，她

24、都给予了我很大的帮助，使我得到不少的提高。这些对于我以后的工作和学习都有巨大的帮助，感谢她耐心的辅导。同时还要感谢裴蓓、丰建坤本组同学，由于我们的共同努力才圆满完成了毕业设计。在毕业前最后的时光，仍旧要感谢我生命中出现的那些十分重要的师姐师兄、师弟师妹们，以及我结识的朋友们。他们不仅在学术上给予我指点，同时也是我生活中一起同行的人，在交往的过程中我们建立信任、彼此鼓励、互相支持与帮助。当然，在我求学期间，还要感谢我深爱的父母亲一直以来对我无怨无悔的付出、支持、关爱、尊重和信任，在我学习、生活、感情、工作上遇到困难时，是您们帮我抵御风霜，谢谢您们。我是幸运而幸福的，我知足并且义无反顾的在大家的关

25、爱下坚持自己的信念和理想一路前行。昨天，我们沉浸在艰辛的喜悦，收获了无穷的经验而微笑；今天，我们身体充满了沸腾的血液，压抑了离别时的忧郁；而明天，我们就要朝着自己崭新的梦想，创造属于自己的一片蓝天！最后，祝各位老师身体健康，工作顺利，每天都有好心情，愿所有的同学取得更优异的成绩，祝母校走向更辉煌的明天！参考文献1 常春英，王雯捷，唐毅. Dreamweaver8.0网页制作简明教程ASP动态设计. 航空工业出版社，2009年01月2 李想，侯凤斌. Photoshop CS4平面设计实战从入门到精通全彩版. 人民邮电出版社，2010年05月3 计算机教育图书研究室 主编. 网页制作三剑客经典教程. 航空工业出版社，2010年09月4 郭瑞军，郭馨君. ASP.NET 2.0数据库开发实例精粹. 电子工业出版社，2009年05月5 管西京，ASP+Access动态网站案例开发. 电子工业出版社，2008年04月