迎新网网站设计与制作说明书【全体--记得加上个人总结】

武汉理工大学《网络课程设计与开发》课程设计1《网络课程设计与开发》实验报告网站主题：迎新网小组成员：杨吉祥（组长），顾鹏程，易田，王锐，陈灿坚，高理网站管理系统：夏日CMS后台管理系统、Discuz!论坛内容管理系统1前言随着现代科学技术的飞速发展，网站的应用的越来越来广泛，受到各行各业越来越多的青睐。网站作为一种教学媒介，具有众多优势：1）比较适合个别学习，不同学习者可以根据自己的学习兴趣和学习时间合理安排学习进度；2）内容丰富，一个小型专题网站也可以涵盖几乎关于专题的所有内容，省去学生自己去查找资料的时间，提高了学习效率；3）交互性强，留言版块设计可以让师生实现在线对话；4）克服了时空的局限性，不同地域的学习者可以在网上进行学习。本学期我们学习了《网络课程设计与开发》这门课，对网站的开发有所了解，并根据老师的要求，进行本次网站开发设计实验。1.1选定主题我们小组本次实验选择的主题是：迎新网。我们在刚刚入学时因为不熟悉学校情况而四处碰壁，却苦于找不到一个实用信息库和交流平台。我们发现，每到新学期，贴吧里、新生群里到处都是新生问的各种问题。但是很多新生在这些平台上找不到想要的答案，有的新生面对不同的答案难以抉择，也有的新生会问一些常识性的问题让回答者失去耐心。总之，贴吧和QQ群甚至是学校的官方网站都没有一个集系统性、实用性、及时性、准确性、美观简洁于一身的平台。我们小组致力于打造一个专门们为新生而建的集一个集系统性、实用性、及时性、准确性、美观简洁于一身的民间平台，为新生量身定做一个智慧背囊。1.2网站适用人群分析我们的适用人群为刚刚进入武汉理工大学的新生以及热心于帮助新生的老生。“迎新网”，顾名思义，专门致力于帮助新生解决在入学过程和成长历程中遇到的问题并提醒新生一些重要的注意事项。我们的整个网站的所有细节都是基于新生的需求，因而适用于新生。而在论坛模块，老生可以与新生交流，针对性地武汉理工大学《网络课程设计与开发》课程设计2回答新生的问题。在二手市场模块，老生也可以分享自己的闲置物品。1.3网站开发设计工具（1）Appserv：包含Apache、php和mysql等必备软件。（2）Discuz！：社区论坛软件系统。（3）夏日CMS后台管理系统。（3）Photoshop：主要用于网站页面的设计，美工和切图。（4）Dreamweaver：主要是用于网站页面编程、修改。1.4小组成员分工本小组成员有：杨吉祥（组长），顾鹏程，易田，王锐，陈灿坚，高理根据前期的讨论以及每个成员本身的特点，我们的分工如下：指挥协调：杨吉祥页面美工：易田、王锐静态页面编写：顾鹏程、陈灿坚动态页面编写:杨吉祥资料收集：全体成员资料整理和策划：高理2网站的开发设计2.1PHP环境配置1.采用的组合：操作系统：Windows服务器：Apache脚本语言：php数据库：mysql2.Windows下安装方式（几种选择）·Appserv·phpStudy·Wamp·Xmapp我们这里采用Appserv来安装武汉理工大学《网络课程设计与开发》课程设计33.1到Appserv的官网上下载2.5.10版本3.2双击运行appserv-win32-2.5.10.exe文件3.3点击Next，在点击“Iagree”出现以下对话框。选择安装路径，点击下一步3.4勾选所有选项,点击下一步武汉理工大学《网络课程设计与开发》课程设计43.5先后根据自身情况填写如下内容3.6完成安装.查看安装目录，会有以下文件2.2熟悉网站管理系统的基本操作2.2.1熟悉主页面主页面分首页、全局、界面、内容、用户、门户、论坛、群主、防灌水、运营、应用、工具、站长、ucenter几部分。武汉理工大学《网络课程设计与开发》课程设计5由于我们的迎新网的后台只需要用到用户，界面，全局，论坛几部分，所以这里主要是熟悉这几个版块的基本操作。（1）全局页面，选中全局页面的站点信息，出现如下界面，在站点名称中输入网站的站点，在网站名称中输入本网站的网站名称，在网站URL中输入网站的URL地址，管理者邮箱中输入管理者的邮箱地址。（2）界面版块，选中导航设置，出现如下界面，在这里，你可以设置你的主导航，顶部导航，底部导航，快捷导航和家园导航。按照你的导航顺序，可以分别添加网站的导航，并选择二级导航的样式为菜单导航，链接框里输入该导航页面的URL地址即可。并设定首页，可用处全部设定为可用武汉理工大学《网络课程设计与开发》课程设计6（3）用户版块。用户版块的主要功能有：用户管理，添加用户，用户栏目，资料统计，发送通知，发送手机通知，用户标签，禁止用户，禁止IP，积分奖惩，审核用户，管理组，用户组，推荐关注，推荐好友，资料审核，认证设置。其中，我们最常使用的功能有用户管理、添加用户、审核用户，下面是点击添加用户后扥页面，主要是输入用户名，输入密码，输入E-MAIL和选择用户组。完成后，点击提交，就完成添加。（4）论坛版块主要是版块管理功能的操作，添加和删除论坛的版块。可以设定版块的顺序和版块的名称。武汉理工大学《网络课程设计与开发》课程设计7（5）然后是网站管理系统的申请成为用户的操作。打开管理中心的用户申请界面如下，输入已经经过用户名和密码，设置提问和回答，然后提交等待审核，审核成功后，就可以成为网站后台管理系统的用户，对网站进行管理。（6）然后我们网站的后台管理系统在此引进了一个新的留言板在其中，方便对教师信息版块的对教师的留言的管理，界面如下，武汉理工大学《网络课程设计与开发》课程设计8选择留言管理，出现如下画面，可以对前台的留言进行回复，删除，锁定，解锁，和审核的管理，因为是单独的留言管理系统，所以这里需要单独的留言板管理的登录，只需要输入用户名，密码和验证码就可以登录。2.3本专题网站的规划2.3.1网站模块分类除了首页外，有入学须知、走进理工、理工攻略、菜鸟晋升、教师推荐、交流天地、二手市场七大个版块，由于时间问题，我们主要做出我们网站的特色内容版块：入学须知、走进理工、教师推荐三大版块，其余版块从略做起。在入学须知版块，我们按时间顺序，分12个子版块，以时间轴的形似分别呈现内容，它们是：新生到站，博学广场，宿舍，注意，军训装备，军训科目，军训贴士，英语分班，四级，双学位，生活贴士，和升升须知。以帮助新生快速了解自己在入学的近段时间内应该做的事情和需要注意的内容。以适应大学的生活，不会感到茫然。在走进理工版块，我们按类别，对理工的各个方面分类，他们是学校简介，历史沿革，学院设置和院系介绍四个方面。帮助大一新生了解我们武汉理工大学武汉理工大学《网络课程设计与开发》课程设计9的方方面面，从而融入到武汉理工大学中来，让他们意识到，作为一名理工人，是一件光荣而自豪的事情。在教师推荐版块，我们主打选修课的教师推荐，因为大一新生在刚开始选课时会感到迷茫，面对这么多的课程和老师，会无所适从，不知道选择什么课、什么老师。一方面是因为他们对选修课不了解，另一方面是对自身的不了解，在这种时候，性格开朗的同学可能会去找学姐学长寻求帮助，但是对于一些性格比较内向的同学，他们不好意思寻求帮助，就只能自己瞎选，乱选。所以我们推出了评星级的教师排名，教师和课程的介绍，以及对教师的评价，帮助新生理解选择。还有搜索功能，既可以按课程分类搜索，也可以直接输入关键词搜索。也可以自己对上过的选修课老师进行评价打分。对于略作的版块，我们的前期设想是：理工攻略：按衣、食、住、行、玩为内容，以地图的形式呈现。方便新生更好的学习生活。菜鸟晋升：分学习和社团活动两大类，让学生不仅学习学的好，课外活动生活也丰富多彩，在快速的提升自己的学习素质的同时，也提高自己的综合素质能力。交流天地：这个版块的设定主要是为了老生和新生之间，新生与新生之间的经验交流。可以自己发帖提问，也可以看别人的帖子或解答，或旁观学习。二手市场是针对我们理工大学的毕业生而专门设计的版块，因为每年的毕业季，很多的大四学生都低价处理自己的不在用到的物品，如学习用具、书本等，而新生刚好可以利用这个机会低价购买自己想要的物资，双方互利。在此我们提供信息的发布平台，按校区，按物品分类，呈现物品，你既可以发布信息，也可以在此搜索自己想要的物品。然后再交易双方私下交易。方便实惠。2.3.2网站页面设计我们按照分好的频道版块，分别对每个页面进行设计，以下就是我们设计的内容版块的页面，首先是首页和二级内容版块页面：网站的首页设计为logo和登录注册和导航栏为首部，网站的相关信息块为底部。中间部分为滚动的图片，没长图片对应一个本网站的特色版块内容，相当于广告的作用。武汉理工大学《网络课程设计与开发》课程设计10网站首页入学须知版块的首部和底部与首页一样，中间版块为以时间轴为指导的12个子内容版块。分别呈现相关内容。点击readmore还可以放大显示，浏览该内容版块的详细信息。入学须知频道页走进理工页面版块的首部和底部与首页一样，主体部分为一个页面呈现全部内容，设计内容导航，添加锚点，试浏览页面更方便。武汉理工大学《网络课程设计与开发》课程设计11走进理工频道页教师推荐版块，版块的首部和底部与首页一样，主体部分分为上下两块。上面版块为选修课按评分排名前的推荐教师，也可以点击查看排行榜看教师排行，或者点击我要评教对自己想评价的老师进行评价。下面版块为课程的分类。教师推荐频道页武汉理工大学《网络课程设计与开发》课程设计12交流天地版块的首部和底部与首页一样，只是登录不是为字，而是直接的登录框。主体部分为按类别分的帖子，也可以搜索相关的经验贴，或者回复他人的帖子进行交流。交流天地二手市场版块的首部和底部与首页一样，中间为搜索框和商品分类和滚动栏。下面部分为最新发布的商品信息。武汉理工大学《网络课程设计与开发》课程设计13二手市场再下面是三级页面。三级页面主要是教师推荐版块的页面。教师分类版块的页面，首部和底部和首页一样，主体部分只要是快速搜索框，左边是教师的类别，右边是课程教师信息。教师分类教师排行版块的首部和底部与上一样，左边是教师的分类，右边是排行榜，武汉理工大学《网络课程设计与开发》课程设计14排行有综合排行、给分高低排行和课堂效果排行，点击就可查看。教师排行教师信息版块的首部和底部与上一样，主体部分为，教师的课程简单信息，包括评分，然后是教师简介和课程简介。下面是我要评定和别人的留言。武汉理工大学《网络课程设计与开发》课程设计15教师信息页面然后是登录注册页面登录注册页面采用的是极简风格，就是背景加登录框和注册框登录框2.3.3数据库的添加（1）从网站管理系统打开数据库，如下页面武汉理工大学《网络课程设计与开发》课程设计16（2）在创建一个新的数据库下面找到导入“import”选项（3）点击IMPORT出现以下页面，点击选择文件，找到事先放好的数据库文件的.sql文件导入，然后点击执行即可（4）然后在如下的画面中进行数据管理工作武汉理工大学《网络课程设计与开发》课程设计173实验过程中遇到的问题及解决方法在整个实验过程中，我们小组遇到了很多问题，在老师、同学以及小组成员的齐心帮助下都得到圆满解决。3.1实验过程中遇到的问题（1）如何体现与其他迎新网的差异；（2）任务时间安排不合理；（3）组员会编程的不多；（4）后台的实现困难；(5)网站内容版块过多，由于时间问题导致能实现的功能模块不健全；（6）要实现动态查询困难。3.2问题解决的方法（1）如何体现与其他迎新网的差异；推出我们网站的特色版块，区别其他迎新网。我们的迎新网以学生为中心，致力于打造一个能让理工大学新生快速成长为一个合格的wuter的平台，特色版块有理工攻略（主要提供出游信息）、教师推荐（公选课教师推荐，并可评分）、二手市场（提供二手物品售卖信息），相比学校官方的迎新网，我们更加接地气，更多地站在学生的角度考虑问题。最重要的是，我们的网站简洁明了，比同类的其他网站，使用时更方便，可读性强。（2）任务时间安排不合理；武汉理工大学《网络课程设计与开发》课程设计18因为是第一次做网站