网站建设与网页设计

课程名称：网站建设与网页设计网站名称：武汉理工大学管理学院科研管理系统姓名：曹华学生学号151133770271武汉理工大学管理学院科研管理系统的分析与设计1选题的意义及网站建设基本目标1.1科研管理系统的意义通过科研管理信息化平台，可以实现科研工作的网络化管理，形成一个及时更新的科研数据中心和科研管理沟通平台，全面、实时、准确地提供学校的有关科研信息，为学校领导有关科研决策提供辅助支持，为学校教师开展科研活动提供方便、快捷的服务，为科研管理人员开展工作提供极大的便利。1.2科研管理系统的目的1.2.1帮助汇总分析平台将各种数据进行汇总分析，形成直观的分析图标，进行横向和纵向的比较，从而为领导提供学校各类科研信息，为科学决策提供支持。1.2.2定制考评平台建立科学合理考核体系，定义各种分类评价指标。以考核为推动力，拉动全体科研人员的积极性，使科研有序、高效，使平台成为日常工作中的科研平台。1.2.3实现全面的网络化管理,实现网上办公提供了文件传送（发文）、Email、手机短信等多种通讯手段；实现项目申报和评审、中检、终结的网络化，从而实现无纸化办公目标。22系统分析与设计2.1网站的概况及其功能目标2.1.1科研管理系统的作用和功能结构图科研管理系统可以划分为基本信息管理、统计分析、最新公告、科研动态、成果展示、科研队伍、友情链接七大部分，其中基本信息管理、统计分析、友情链接又包含了各自的子目录。其结构图如下所示：科研管理基本信息管理统计查询最新公告科研动态友情链接个人基本信息学生培训论文发表项目情况人员查询获奖查询论文查询期刊查询著作查询项目查询国家基金委中国教育部中国科技部武汉理工大学首页武汉理工大学科发院武汉理工大学期刊社武汉理工大学管理学院武汉理工大学研究生院（筹）成果展示科研队伍3一、基本信息管理基本信息管理包括个人基本信息、学生培训、论文发表、项目情况，在个人基本信息页面，用户用可以查看和修改自己的基本信息的；在学生培训处，主要说明学生的培训计划；论文发表主要记录所发表的论文；项目情况处用于说明正在进行的或计划要执行的项目，记录项目的进展情况，有效地控制项目向着目标方向发展。二、统计查询此处用户可以查询各种自己感兴趣的内容，对各种数据进行汇总分析，形成直观的分析图标，进行横向和纵向的比较，从而为领导提供学校各类科研信息，为科学决策提供支持，提高工作效率。三、最新公告最新公告动态的更新各种新的科研情况，从而让大家通过平台随时掌握学校最新的科研情况，以提高自己的科研热情。四、科研动态科研动态主要用于更新说明学校的科研发展情况。五、成果展示成果展示是随时间动态变化的，它可以及时的报道出科研的最新成果。六、科研队伍主要用于向用户介绍科研成员的重要成就。七、友情链接友情链接是为了让用户了解更多相关知识而设立的一个项目，较大程度地方便用户。。2.1.2网站的使用范围对网站的使用，按所授予的权限的不同分为系统用户和一般用户。系统用户可以看到的内容比一般用户的多，系统用户可以在网上加入一些新的内容，他们要获得网站管理员的授权才能有这种特殊的权利；一般用户只需注册成会员用户就可以进入网站。从服务的对象来说，此平台是一个开放式的网络化管理平台，服务于全校从事科研活动或者科研管理活动的教职工及同学。2.2人机界面设计2.2.1网页的主题部分该部分包含了网站的主题，突出了该主题的简洁大方。其中设为主页、加入收藏、联系我们，这几个栏目可以更加方便用户运用此系统。2.2.2导航条4导航条直观地显示了用户感兴趣的基本信息。个人基本信息可以让用户查看和修改自己的基本情况。学生培养是用户能及时了解培养过程和培养计划，并且对于一些被授予特殊权利的用户，他们可以上传一些学生培养计划和更新培训过程。论文发表可以方便用户随时发表自己的论文或者查看自己所发表的论文情况。项目情况，主要为用户介绍进行中的项目发展情况和计划执行的项目情况。2.2.3科研动态科研动态介绍学校科研发展情况。2.2.4用户登录界面5此页面主要用于用户的登录，里面加入了检验的操作，已在本网站注册过的用户可以登录到会员界面，享受多于普通访客的权限和优惠。在浏览器端检验用户名和密码是否符合格式要求，当不符合要求时弹出错误提示框。用户点击重置可清空已填写信息，重新输入。点击登陆后，由专门程序将提交的信息在服务器端到数据库进行搜索核对。若检测到数据库中有该会员信息，则进入会员界面；若没有该会员信息则给出相关提示。2.2.5注册界面6图2.2-10注册界面用户在此界面完成注册，相关代码在客户端检验要提交的信息是否符合要求。发现不符合填写格式的给出对应的错误提示，直到所有信息填写完整并符合规定格式，此时用户单击“提交”按钮就会显示注册成功，然后系统提示进入注册后可以进入的页面。2.3数据库设计本网站使用的数据库软件为Microsoftofficeaccess2003。数据库名称为syc1.mdb，共包含一张表。表2.3—1huiyuan表字段名数据类型长度可否空注含意ID自动编号长整型不可关键字自动编号usename文本30可用户名password文本30可密码sex文本2可性别phone文本30可电话email文本30可邮箱shengri日期/时间可生日fenshu整型可入学分数dept文本30可院系2.4使用技术分析7模块（功能名）使用技术文件名文件所在文件夹注册数据库插入语句addreg.asp武汉理工大学管理学院科研管理系统注册界面html标记和form控件Checklogin.asp武汉理工大学科研管理系统注册界面table、fieldset标记和CSS样式和javascript脚本语言会员注册页面.asp武汉理工大学管理学院科研管理系统用户登录检测数据库连接和查询语句addreg.asp武汉理工大学管理学院科研管理系统用户登录跳转页面跳转success.asp武汉理工大学管理学院科研管理系统登陆表单提交登录页面.asp武汉理工大学管理学院科研管理系统首页文字、结构图界面html和CSS样式首页.asp武汉理工大学管理学院科研管理系统网站首页超链接界面ASP对象首页.asp武汉理工大学管理学院科研管理系统会员注册页面css和脚本函数会员注册页面.asp武汉理工大学管理学院科研管理系统3心得体会因为分组出现特殊情况，所以这次网页的大作业由我一个人完成。为期一周的综合开发和平时的专项训练使我掌握了许多专业知识，更提高了自己分析实际问题，并用所学知识解决实际问题的能力。根据现实需求建立系统模型，再用软件工具和编程语言开发出真正的网站，需要抽象的思维和缜密的分析。遇到技术障碍，8需要深入的钻研和坚定的信念。通过这次科研管理系统网站的建设，我第一次领略了系统开发的全部流程，对我专业技能积累有很大帮助。在自己的不懈努力和同学的帮助下，我基本了解和掌握了网站建设与网页设计的基本流程；学会了使用网页制作的基本工具Dreamweaver8、Frontpage2003以及CSS、Vbscript、Javascrip、ASP和ADO等网页设计与制作时所涉及的基本技术；动脑和动手能力得到切实提高。建设过程中的失败与成功，都让人体会到学以致用的意义和乐趣。从规划到实现，从理论到实践，在整整一个星期的日子里，可以说得是苦多于甜，但是可以学到很多很多以前不知道的东西，不仅巩固了课堂上所学过的知识，而且拓展了很多高层次、深层次的知识。为了做好这次网页设计，我还在网上找了很多学习制作网页的相关资料，并且看老师给的很多网页实例，让我加深了网页设计的理念。这种课程设计充分激发了我的主动性和求知欲。我逐渐不仅仅追求实现，而且追求创意和美观，这也许就是层次逐步提升的表现吧。由于技术尚不成熟，思维模式还不完善，设计时还有许多难题待解决，我此次所做的网站仍存在很多的漏洞，很多功能没有得以实现。我希望此系统可以成为一个真正强大的科研系统，通过学习更多的知识，能把它改进并扩展成如下图所示的一个科研管理系统：各个功能快能分别起到一下作用：（1）科研门户网站科研门户网站是高校科研活动信息披露和交流的平台。该部分和科研活动相结合，适时动态发布科研信息，提升科研处知名度。（2）科研管理系统科研管理系统是平台的核心部分。科研管理系统不仅要有科研管理功能，还要有沟通交流的功能。科研管理系统向全校老师开放，系统要支持老师、院系和科研处三级用户使用模式。老师可以登录系统录入和维护自己的项目、成果等科研信息，院系用户可以登录系统维护本单位的科研人员、科研项目和科研成果等信息。科研处用户管理全校的科研信息。老师个人录入的数据需要经过院系和科研处的审核。9通过制作该网站，我发现自己还有很多的知识还需要努力学习，现在我已经学习到了网页设计的整个思想理念并且培养了自己制作网页的兴趣，我希望有一天，我可以运用自己所学的更深入的知识，把自己做的这个初步网站改进成一个功能强大的完善的科研管理系统。4网站主要代码4.1文件名：首页.asp功能：主页代码：styletype=text/css*{margin:0;padding:0;font-size:12px;}body{background-color:#FFFFFF}#all{width:760px;height:920px;margin:0pxauto;padding:0pxinherit;}#top{width:760px;height:15px;margin:0pxauto;padding:0pxinherit;background-color:#9999CC}a{color:#000000;text-decoration:none;}.head{width:760px;height:103px;margin-top:0px;background:url(img/top.gif);}#head_daohang{text-align:left;10margin-left:485px;margin-top:0px;width:270px;height:auto;}#head_daohangli{padding:0px;margin:0px;margin-right:-1px;height:20px;line-height:20px;display:block;padding-left:5px;float:left}#head_daohangul{height:20px;list-style:none;width:auto;}.head_sousuo{text-align:center;padding-top:8px;}.middle{width:760px;height:790px;margin-top:10px;}.left{width:176px;height:780px;margin-top:0px;float:left;}.left_banner_head{width:176px;height:31px;}.left_banner_mid{width:176px;height:317px;background-color:#EFE8F6;}.left_banner_mid_bottom{width:176px;height:31px;padding-bottom:0px;}.left_banner_mid1{11width:176px;height:31px;margin-top:0px;}.left_banner_bottom{width:176px;height:362px;background-color:#EFE8F6}.mid{margin-left:8px;height:780px;width:373px;float:left}.mid_banner_head{width:373px;height:37px;margin-top:3px;}.mid_banner_head_mid_zzgg{width:373px;height:343px;}.zzgg_left_bottom