个人网站的设计与实现

个人网站的设计与实现（精选十篇）

个人网站的设计与实现 篇1

随着互联网事业的迅猛发展,网络互联设备和服务器不再遥不可及。许多的企、事业单位和学校都有了自己的服务器设备,组建了自己的内部网。个人网站作为个人展示自我风采的舞台,由于其与Internet的结合而独具魅力。在单位、学校的内部网上为员工、学生提供个人网站服务,对于调动员工、学生学习Internet知识的积极性、普及电脑知识有着十分积极的意义。

1. 个人网站服务系统简介

个人网站服务系统是指一套能为个人网站用户提供存储空间,允许其以某种方式发布和管理主页内容,并且能使管理员在后台进行管理的解决方案。个人网站服务系统广泛的应用于互联网ISP和企、事业单位和学校内部网上。

1.1 个人网站服务系统组成

一个简单的个人网站服务系统至少包括:申请、开通机制,上传机制,客户浏览机制三部分。

1.2 个人网站服务内容

个人网站服务内容包括:允许用户发布信息的类型、内容,为用户提供空间的大小,允许执行的脚本的种类等。

允许用户发布信息的类型、内容,根据具体的情况,在不与国家相关法律、法规抵触的前提下,不同的提供者可能有不同的考虑,相应的对用户发布信息的类型、内容进行具体界定。

用户空间大小限制也必须根据实际情况,考虑服务器硬盘大小和可能申请的用户数量进行制定。

脚本执行权限,根据不同的应用场合决定取舍。一般的情况下静态页面浏览都是支持的。考虑到服务器的安全性和服务器的性能,大多数的个人网站服务系统都没有运行动态脚本的权限(如asp,php,cgi程序等)。不过某些情况下开放动态脚本的运行权限是有必要的,如出于学习web程序或其它目的。

1.3 常见的个人网站服务系统解决方案

常见的个人网站服务系统解决方案有两种:手动方式和自动方式。对其简要介绍如下:

(1)手动方式:个人网站用户通过打电话或e-mail等方式与系统管理员联系,管理员在收到申请后决定是否批准,确定批准后由管理员手动在服务器进行相关设置,完成相关配置后管理员再通知申请者,并把相关的信息告诉申请者,如用户名、密码等,然后用户才可以管理自己的主页空间。

(2)自动方式:个人网站用户可以通过一个用户注册程序在线申请,用户和管理员没有直接的信息交流。由程序自动完成系统的相关配置的设置。

比较两种方式,我们不难发现手动方式较多的需要管理员干预,步骤烦琐,效率低下。自动方式则简单高效。目前大多成熟的个人网站服务系统都采用此方式。本文提出的个人网站服务系统解决方案即是基于自动方式的。

2. 系统设计及实现过程2.I系统需求

我们希望能够实现如下功能:

(1)主页用户在线递交申请;

(2)管理员在后台审核开通(不开通时用户不可上传),避免恶意注册;

(3)主页用户列表,便于浏览各用户主页,可分类浏览,

(4)主页用户通过FTP方式对自己的空间进行管理;

2.2 功能规范定义

(1)操作者

角色表

(2)个人网站用户数据表(homepage＿users)结构:

(3)系统工作流程

首先是申请者在线递交申请,注册的信息存入到主页用户数据库。管理员在后台查看用户的注册信息,如果符合开通条件则开通。开通后该用户就可以上传文件。此时该用户还不能在前台的主页用户列表中显示,待用户按规定上传好主页后管理员再通过一个开关控制使其在前台的主页用户列表中显示。

2.3 模块开发

(1)个人网站用户注册模块:

用户注册的过程就是把用户的注册信息写入用户数据库的过程,写入数据库的代码为:

(2)后台管理模块:

后台管理模块包括审核开通,用户信息编辑、删除等功能。部分代码如下:

2.4 系统运行环境配置

(1)系统运行环境简介

本系统是基于IIS和WS-FTP SERVER环境的。IIS是windows环境下理想的web服务器解决方案,功能强大并且界面友好。WS-FTP SERVER是基于Windows NT/2000/XP操作系统上的共享和传输文件的快速、安全的解决方案。WS-FTP用户信息可以使用外联的数据库,支持常见的ACCESS,SQLSERVER等,用程序对WS-FTP外联的用户数据库内容进行修改即实现了FTP用户信息的改动,另外每新建一个用户WS-FTP就会在其主目录下自动建立一个以该用户的用户名命名的文件夹,本系统即是利用WS-FTP的这两个特点。

(2)系统运行环境配置步骤

①安装WINDOWS 2000 SERVER,安装时选中IIS组件;

②建立A C C E S S数据库hompage＿db.mdb,包含2.2中的表homepage＿users;

③建立系统数据源,数据源名称为homepage＿db,指向的数据库为hompage＿db.mdb;

④安装WS-FTP SERVER,安装时选择External User Database(外联数据库),配置ODBC System Data Source为homepage＿db,Table为homepage＿users。

⑤配置IIS:在IIS主目录下建立虚拟目录homepageUsers,指向的目录为WS-FTP SERVER的安装路径,设置执行许可为纯脚本。

至此一个比较完善的个人网站服务系统就完成了。

3. 结束语

本文提出的个人网站服务系统解决方案已经应用于东营职业学院中专部校内网的个人主页空间栏目,面向全校提供免费的个人网站空间,实现了个人网站的在线申请、开通及方便的后台管理,经试用效果良好。

参考文献

[1]Richard Anderson Chris Blexrud著，刘福太等译．ASP高级鳊程．北京：机械工业出版社．

课程网站的设计与实现 篇2

摘要：课程建设是“高等学校教学质量与教学改革工程”的一项重要内容,也是教育部深化教学改革，以教育信息化带动教育现代化的一项重要举措。课程网站是课程建设和评价的窗口，是课程网络化学习的平台，是教师与学生互动交流的媒介，也是精品课程示范幅射的载体。因此，课程网站建设意义重大。

本课程网站就是为了顺应这一时代要求而设计的。本网站的开发是采用asp及ACCESS数据库进行开发。

在本篇文章中，首先对本系统设计的意义和开发工具等做了简要介绍，接着对系统做了详细的需求分析；然后给出了课程网站所需的功能，重点探讨了精品课程网站的设计法案；接着对该网站前台框架、实验教学、教学研究、教学成果模块等进行了重点详细介绍，并给出了具体实现步骤；通过测试分析，该系统的运行稳定、可靠，具有一定的实用价值。

关键词：网站；asp；dreamweaver； access； 资源共享 1

目录

第一章 绪论.......................................................2 1.1 课程网站开发背景............................................2 1.2 课程网站现状分析............................................2 1.3 建立课程网站的意义..........................................2 1.4 本文的主要工作..............................................3 1.5 论文结构....................................................3 第二章 网站概述...................................................3 2.1 网站前台设计..................................................3 2.2 开发环境简介..................................................4 2.2.1 asp介绍..................................................4 2.2.2 数据库开发工具简介........................................4 第三章 设计与实现.................................................5 3.1 代码和界面.................................................5 总结与展望...............................................48 致谢..............................................................48参开文献..........................................................50

的精品课程网站的实验教学、教学研究、教学成果3个模块的开发过程的详细描述。在项目组成员的共同努力下，成功地实现了网站的研究与开发。开发步骤如下：

(1)网站需求分析

(2)初步框架设计（包括原型页面的实现）(3)数据库设计

(4)页面与底层的交互融合

(5)代码整合以及整合后的测试工作

1.5 论文结构

第一章：绪论部分。介绍了论文的选题背景、所研究内容的现状析和设计精品课程网站的意义，解决的主要问题及应达到的技术要求。

第二章：网站概述及相关技术介绍。

第三章：总结与展望，对本论文的主要研究内容进行了扼要的总结，总结了论文的主要研究成果，并提出了有待进一步开展的工作。

第二章 网站概述及相关技术介绍

2.1网

站

前

台

设

计

2.2.1 asp介绍

(现学期:2014年春学期)

学生个人学习环境的设计与实现 篇3

【关键词】个人学习环境（PLE）；个性化学习空间；学习门户；学习桌面；学习体验

【中图分类号】 G642.0 【文献标识码】 B 【文章编号】 1009—458x（2012）09—0075—04

网上人大是国内最早开办网络教育的高校，是国内最具影响力的网上大学之一。网上人大网站（www.cmr.com.cn，简称CMR）承担着为6万名学生、7万名毕业生、上千名服务站工作人员以及网上人大教职工服务的使命。随着服务对象人数的不断增加和服务项目的逐步扩展，该网站日渐呈现出体量庞大、信息众多、功能繁杂的态势，也给用户的使用带来了一定的障碍。随着网络技术的进步以及用户行为方式的变化，网上人大一直试图对CMR进行改造，以期为用户提供更加方便、快捷、个性化的个人学习环境。其中注册学生的网上学习过程及学习体验，是整个网站中相对独立又极为关键的组成部分。

2010年网上人大启动了网站改版工作，并同步成立了专门的项目组，以学生的学习体验为中心，对网上学习资源、学习事务管理、交互协作等功能进行重新分析和优化，设计开发具有吸引力的个性化学习空间。经过一年多的业务整合梳理、功能规划和网站设计，新一代的网上人大个人学习环境于2011年底正式成功上线运营。

一、个人学习环境的一般特征

1. 关于个人学习环境的一般表述

关于个人学习环境（pLE），比较宽泛且广为接受的是Stephen的定义，他认为“个人学习环境是一种工具、服务、人和资源的松散集合体，是利用网络力量的一种新方式”。[1]Van Harmelen认为，个人学习环境是一种能帮助学习者控制和管理自己的学习的系统，包括学习者建立他们自己的学习目标、管理他们的学习（管理内容和过程）、在学习过程中与他人的交流。pLE是内容、服务组织在一起的集合（waters，2005），它是帮助学习者聚集、组织、加工和处理学习资源的工具的集合（Martin，2007）。[2] 另外，有的观点认为个人学习环境能使学习者在学习中自我引导，支持个人和专业发展，是各种应用和服务的混合体等。[3]

2. 笔者的理解

结合网络学历教育对象的特殊性，笔者从Stephen的定义出发，将个人学习环境理解为：使用模块化的、松散组合的方式，把看似分离却能相辅相成的工具、资源和服务联合起来，支持人的专业化、个性化的学习。

需要说明的是，本文提到的个人学习环境是指基于网络技术的个人学习环境，体现出了个性化学习、社会化交往、开放和共享资源的思想。它同时兼具独立性和开放性两个特征：一方面，这个环境是带有私密性质的个人学习门户，通过依赖特定的网络学习空间或平台，学习者主动构建高度个性化和私密性的个人中心，把分离的、有利于学习的资源、资讯、工具和服务等聚合起来，方便管理和使用。另一方面，这个环境又是开放和共享的。学习者可以总结、反思其学习经验，搜集和分析学习资源，与他人进行交流及进行学习实践活动。

根据已有文献中对个人学习环境要素的综述分析[4]笔者认为，个人学习环境必须具备以下四个基本要素：

（1）个人学习桌面：学习者对个人学习空间可进行个性化的管理、设置，使之形成专属的、私密的、个性化网上学习门户/学习桌面。学习者一旦进入这个个人学习门户，可以立即找到归属感，并迅速从现实生活中转入网上学习的状态。

（2）学习事务管理：网络学历教育有一套完整的流程，在学制期限内，有很多重要的时间节点和关键事件需要学习者特别关注。而成人在职学习者由于工作和家庭事务繁多，更容易因为忽略这些关键信息，从而造成不必要的麻烦。因此，在支持学习者对学习过程的控制和管理方面，要特别强调、提醒学习者完成个性化的事务和流程的处理。

（3）聚合学习资源：学习者可以根据需要，选择适合自己的工具、服务、信息等，并可以对信息进行共享、评价。

（4）网络人际交互：在个人学习环境，学习者可以与其他学习者交互，发展自己的社交网络以共同交流、探讨，更好地实现个人化学习。

二、网上人大网站个人学习环境的设计

1. 设计的原则与思路

网上人大的个人学习环境确定“以学习者为中心”的设计思路，以学习过程的流程设计为学习者行为的主线，形成了学习内容个性化、功能个性化、信息和服务个性化、界面个性化四大设计原则。

学习个性化：包括学习者可自行制订学习计划、完全自主选课（每月均可选课）、自定学习进度和路径、设定学习日程；符合SCORM标准的模块化学习内容，实现了可共享、跟踪记录学习者的学习过程，有助于学习者自我管理学习。

功能个性化：功能可选、可排列、可组合。如图1所示，以选项卡的方式组合功能，可以实现功能的拖拽、排列组合、删减等。

信息、服务个性化：定制和推送新闻、定制和推送通知、定制和推送个性化消息等；引入web2.0的技术元素，比如学习日历、书签、笔记本、学圈、同学录等，支持用户体验与学习交互。与个人无关的干扰信息被屏蔽在外。

界面个性化：界面布局、界面颜色、界面结构可自行设定，如图2所示。

2. 功能特征

在借鉴目前国内个人学习环境功能设计的基础上，[5]笔者将功能设计分为五个大类，如图3所示：

维护个人档案信息：包括基本信息、学籍信息、联系信息、学费账户、扩展介绍等；查看个人学习状态；管理个人主页。

提供个性化信息/资讯：学生只接收与自己相关的信息（通知、个性事务提醒、短消息提醒、好友请求）；可选择性接收新闻类信息；可以链接感兴趣的职业或行业资讯信息。

完成学习事务：完成从注册、缴费、选课、订教材、课程学习、预约、考试、查询、论文、毕业等一系列事务。

提供基本交互工具：学生在个性化空间能够利用一些基本的社交工具（短消息、邮箱、通讯录、论坛等）和别的学生进行（在线、离线）交互；可维护“我的好友”列表；可通过个人主页实现空间的共享：学生能够根据个人喜好设置个人学习主页，也可以访问他人的个人学习空间，双方互访的行为和内容均由个人事先自行设定。

提供附加的功能和工具（可分为通用的附加功能/工具、个性化的附加功能/工具）：其中通用功能/工具是指所有用户都能适用但不可进行个性设定的功能/工具，而个性化的附加功能/工具是指用户可以根据个人的喜好进行个性化设定的功能/工具，比如功能选项卡的排列组合、个人学习环境是否对好友开放、界面布局的个性设定、皮肤设定等。

三、网上人大网站个人学习环境的特点

经过一年多的设计与开发，网上人大网站个性化学习空间的一期工程已经成功上线。总体来说，学习者可以获得以下学习体验：

1. 享受属于个人的学习门户

个性化学习空间是个人自有的学习门户，具有高度的拥有感和私密性。登陆之后，学习者可以获得欢迎词、简单的个人信息确认、未读个性化消息/提醒/日程、学习进度、个人档案等信息，如图4所示，能给学生一种个人学习桌面的概念，方便成人学习者迅速转入学习状态。

2. 同步掌握关键的学习流程

个人首页以“学习流程图”串联学习过程中的关键事件。其中学院正在进行中的事件用绿色提醒，即将结束的事件提前3天用红色提醒，尚未进行的事件显示为灰色，如图5所示。简洁、一目了然的图形化设计，能快速浏览关键的信息，可以最大限度地节省成人在职学习者的时间。

3. 高效管理个人的学习事务

完成从入学到毕业所涉及的所有学习过程和事务。学生可在线完成从学习注册、网上缴费、选课、订教材、课程学习、预约、考试、查询、论文、毕业等一系列事务，也可以随时进入个人学习状态，并管理个人主页。

4. 精准接收专属的提醒信息

通知、提醒只跟本人相关，剔除了冗余和干扰信息。如图6所示。这充分发挥了web2.0时代的优势，与以前群发模式下大广播式的通知、消息等划清了界限。

5. 实现师生间一对一的交互

网上人大个性化学习环境中，一个比较重大的突破在于师生间实现了一对一在线交互，这是目前所知，网络教育院校中并不常见的。图7是学生与教学辅导老师在线双向交互的示意图。比如当学习者增选一门选课，默认的收件人列表会自动增加该课程的辅导老师；当学习者进入毕业论文写作阶段，列表中还会自动增加论文管理员和论文指导老师。其中课程辅导老师以课程名称开头，论文管理员和论文指导教师直接显示教师姓名。发送消息时，从默认列表中选取想要发送的老师即可。

四、经验总结

针对在职学习者的网络个人学习环境，应具备个人学习环境的共性，但也有一些个性，需要特别注意。笔者将这些经验总结了一下，以备同行参考。

1. 提供易用实用的界面和功能

在职成人学习者的工学矛盾突出，时间观念非常强，不愿意浪费时间去适应花哨的界面和功能，需要尽快定位到关键的信息、功能、资源，尽量减少无关干扰。

2. 突出关键的时间节点和活动

在职成人学习者每天需要处理的事务很多，在整个学制期限内，有许多关键的时间节点和活动容易被错过。笔者在设计的时候，特别突出了学习者需要参与的所有学习事务，并在关键时间节点都给予了多通道提醒，比如关键学习流程图、消息、提醒、通知等，为学习者提供贴心、便捷的服务。

3. 提供精准快捷的信息/资讯

只接收与自己相关的信息（通知公告、个性事务提醒、站内短消息、好友请求等），其他非关键资讯比如新闻、推送类资讯如职业或行业信息，可以由学习者自行订阅。保证所有的通知、提醒、交互都是跟本人相关，使学习者的宝贵精力不被无关信息和冗余信息所干扰。

4. 支持师生点对点的双向交互

远程学习者与教师的时空阻隔，需要通过网上的师生互动获得弥补。网站为课程辅导教师和论文指导教师、论文管理员开通了与学生一对一双向交流的通道，通过这一交互途径可以更好地实现个性化的、学术性支持服务。

下一步将进一步放开所有后台业务人员与学习者的点对点交互，实现完全的学习支持服务（包括学习和非学术）的在线一对一交互，以及学习者和学习者之间社会化学习网络。

笔者相信，有了个人学习环境的支持，网上人大能够更好地服务于学生，以及所有有志于学的社会人士。

[参考文献]

[1] 洪伟. 基于web2.0的PLE模式创设研究[J]. 江西师范大学硕士生

学位论文，2009，（5）.

[2] 张子峰. Web时代个人学习环境PLE探究[J]. 云南大学硕士研究

生学位论文，2011，（4）.

[3] 张帅，杨成. 培养远程学习者自主学习能力的PLE设计研究[J].

江苏广播电视大学学报，2010，（3）.

[4] 吴宇璐. 论个人学习环境（PLE）要素分析[J]. 江西广播电视

大学学报. 2011，（4）.

[5] 廖守琴. 基于PLE理念的网络自主学习环境的构建[J]. 继续教育

研究，2009，（5）.

书籍网站的设计与实现 篇4

1.1 网站开发背景

当今是飞速发展的信息时代。由于计算机技术及网络技术的飞速发展, 信息和知识在全球范围内传播更高速更快捷。书籍是人类智慧的宝库, 传统的书籍是纸介载体, 信息时代出现了大量的电子书籍。目前, 互联网上有大量的在线书籍网站, 是一个巨大的知识宝库, 带给读者极大的便利, 有着良好的发展前景和广阔的市场潜力, 值得开发设计更好, 功能更全的在线书籍网站, 来满足时代发展对知识的需求。

1.2 网站开发思想

使用Dream weaver作前台开发工具, Access作后台数据库, 开发设计一个在线读书网站, 动态网页用ASP实现, 数据库用Access来实现, 利用ADO来实现网页与数据库的连接, 网站可以实现浏览、搜索、登录等重要的功能。

1.3 网站系统概述

用户通过注册登陆到本网站后, 阅读和搜索想看的文章, 网站分好几个页面, 有登录界面, 注册界面, 首页主界面, 阅读界面, 搜索界面等。

2. 网站系统总体设计

2.1 模块结构设计

系统设计工作技术性强, 本文采用结构化设计的方法。结构化设计方法是从建立一个具有良好结构系统的观点出发, 基于把一个复杂的系统分解成相对独立的模块原则, 规定了一系列模块的分解协调原则和技术, 提出了结构化设计的基础是模块化, 即将整个系统分解成相对独立的若干模块, 通过对模块的设计和模块之间关系的协调来实现整个软件系统的功能。

2.1.1 模块功能说明

本网站系统实现的功能是用户登陆注册后可以在网页上浏览阅读或查询所需要的书籍文献。根据需求网站大体可分为四大模块:

(1) .用户注册或登录界面

(2) .网站主页阅读界面

(3) .查询搜索功能

(4) .数据库功能模块

2.1.2 HIPO图

HIPO图:模块结构图是用一个方块代表一个模块, 方块内可写出标识此模块的处理功能或模块名。模块之间的调用关系用联结两模块的直线表示。采自顶向下扩展的方法先画综合性较强、层次较少的模块结构, 然后根据需要一步一步扩充。根据系统分析结果, 对系统从功能上做子系统划分。在线书籍网站的HIPO图如图2-1所示。

2.1.3 IPO图

HIPO图描述的是调度系统的总体层次结构, 为了更清楚详细地描述各个模块的内部结构及模块间的关系, 我们使用IPO图。IPO图实际上是一种图纸化的表格, 它描述分层图中每个模块的输入输出关系、处理内容、本模块的内部数据和模块间的调用关系。本文系统的部分IPO图如图2-2所示。

2.2 数据库设计

在进行数据库设计时, 如果将现实世界中的客观对象直接转化为机器世界中的对象, 就会感到非常不方便, 注意力不能集中在最重要信息的组织机构和处理模式上。因此往往是将现实中的客观对象先抽象为不依赖任何机器的信息结构, 这种信息结构不是DBMS支持的数据模型, 而是概念级模型。然后再把概念模型转化为具体机器上DBMS支持的数据模型。因此概念模型可以看成是现实世界到机器世界的一个过渡的中间层次。在进行数据库结构设计时, 概念结构设计是非常重要的一步。本系统采用E-R图来描述系统的概念模型。

2.2.1 概念设计

概念模型最常用的方法是实体—联系方法, 这个方法用E-R图描述某个组织的概念模型。本文在E-R图用到的图形符号说明如下:

实体及其属性:

用户 (用户名, 密码, 姓名, 性别, 年龄)

书籍 (书籍名称, 网页代码, 路径, 内容, 类型, 作者)

系统E-R图如图2-3所示。

实体间的联系:

读者与书籍的阅读关系—m:n

书籍与数据库的存储关系—n:I

2.2.2 逻辑设计

逻辑设计的目的就是把概念模型设计阶段设计好的基本E-R图转化成适用的具体机器上的DBMS产品所支持的数据模型相符合的逻辑结构。

E-R图的说明如下:

多对一:用户与网站的注册关系

一对多:书籍与数据库的存储关系

多对多:用户与书籍的阅读联系

由E-R图向关系模型转换的转换规则:

(1) .实体间的联系是I:I的, 可在两个实体类型转换成两个关系模式中任意一个关系模式属性中加入另一个关系模式键和联系类型属性。

(2) .实体间的联系是I:N的, 则在N端实体类型转换成关系模式中加入I端实体类型转换成关系模式键和联系类型属性。

(3) .若实体间的联系是M:N的, 则将联系类型也转换为关系模式, 其属性为两端实体类型键加上联系类型属性, 而键则为两端实体键的组合。

2.2.3物理设计

根据上一阶段得到的2关系模式, 其对应的表结构设计如下:

(1) user表 (用户信息表)

用户信息表用来存放用户个人信息, 以便登陆时记录, 如表1所示:

用户信息实体E-R图, 如图2-4所示。

(2) article表 (书目信息表)

数目信息表存放书的地址, 类型, 作者, 标题, 以便查询, 表结构如表2所示。

书目信息实体E-R图, 如图2-5所示。

参考文献

[1]屈喜龙, 李正庚.ASP+Dreamweaver开发动态网站实例荟萃.北京:机械工业出版社.2006年6月

[2]张海藩.软件工程.北京:清华大学出版社.2003年12月

个人网站的设计与实现 篇5

第1章 绪论..............................................................1 1.1 课题背景............................................................1 1.2 研究意义............................................................1 1.3 设计目标............................................................1 第2章 开发工具及相关技术简介............................................2 2.1 JAVA语言............................................................2 2.2 ECLIPSE.............................................................2 2.3 TOMCAT.............................................................2 2.4 MYSQL与NAVICAT FOR MYSQL........................................2 2.5 MVC框架............................................................3 2.6 B/S架构............................................................3 第3章 系统总体设计......................................................4 3.1 功能模块分析........................................................4 3.1.1前台功能模块分析................................................4 3.1.2后台功能模块分析................................................4 3.2 业务流程分析........................................................4 3.3 可行性研究..........................................................4 3.3.1技术可行性......................................................5 3.3.2经济可行性......................................................5 3.3.3管理可行性......................................................5 3.4 数据库设计..........................................................5 3.4.1数据库需求分析..................................................5 3.4.2数据库概念设计..................................................6 3.4.3数据库逻辑设计..................................................6 3.4.4数据库结构实现..................................................8 第4章 系统详细设计与实现...............................................10 4.1 界面设计原则.......................................................10 4.2主要功能及界面的实现...............................................10 4.2.1前台子系统的设计与实现.........................................10 4.2.2后台子系统的设计与实现.........................................13 第5章 系统测试.........................................................16 5.1测试环境...........................................................16 5.2测试过程...........................................................16 第6章 总结与展望.......................................................20

6.1 总结...............................................................20 6.2 展望...............................................................20 参考文献................................................................21 致 谢................................................错误！未定义书签。附 录................................................错误！未定义书签。

电子商务网站的设计与实现

第1章 绪论

1.1 课题背景

从21世纪以来，作为一种新型的经营模式，电子商务得到了长足的发展，特别是近几年信息速度高度发达的经济环境下，日益趋向成熟。并且人们已经逐步接受网上购物这一观念。

从电商发展至今，可以看得出开发一个电子商务网站的价值所在：除了投资少，回收快，基本不需要占压资金之外，24小时的营业时间以及不受店面地理位置影响都是其显著特点。而对于消费者而言，采用电子商务方式可以高效、便捷和低成本的实现购买活动。

在中国发展网上购物已经具有良好的消费者基础，网上购物方式日趋被大家所接受。因此设计一个电子商务网站具有很好的应用和开发前景。

1.2 研究意义

现在流行的网上购物系统不仅要有漂亮的网页，更要有严谨的规划，注重每一个细小的环节，这样才能使得在电子交易时避免不必要错误发生。我们将使用HTML、JSP等技术来编辑网页，采用MVC开发模式，以B/S为架构，并运用JDBC技术把数据库和动态网页相关联[1]。本设计参照实际的网店的业务逻辑建立而成，同时自己建立数据库，使得所需商品信息可以及时的保存、更新，这样，前台可以更好的完成网上购物体验，而管理员也可以更好的及时的了解商品买卖的情况。

1.3设计目标

通过本电子商务网站，顾客可浏览商品信息，搜索到自己想要的商品，并可以完成对商品下单等操作。而后台管理员可以管理注册用户的信息，同时也可以完成对商品、订单和新闻等的管理操作。本网站致力于提供给用户完善的购物体验，同时方便管理员对后台的管理。

第2章开发工具及相关技术简介

软件的开发工具用以支持软件开发的相关过程、活动和任务。运行环境为工具集成和软件的开发、维护及管理提供统一的支持。本系统依据开发的实体需求，采用的开发工具有Eclipse、Tomcat、MySQL和Navicat For MySQL等。

开发工具在软件开发过程中是必不可少的，其属于一种被软件开发工程师定性的认为是为特定的软件包、系统（或软件）框架以及操作平台等创建应用性软件的特殊软件。在一个完善的系统的开发过程中，必要的开发工具将为整个开发的过程减少较多的成本和时间，提高了开发效率。而每个系统的开发平台不一样，因此其所搭建的开发环境当然也会有很大的差别。

2.1 Java语言

Java[2]是一种可以撰写跨平台应用软件的面向对象的程序设计语言，是由Sun Microsystems公司于1995年5月推出的Java程序设计语言和Java平台（即JavaSE, JavaEE, JavaME）的总称。Java 技术具有卓越的通用性、高效性、平台移植性和安全性，广泛应用于个人PC、数据中心、游戏控制台、科学超级计算机、移动电话和互联网，同时拥有全球最大的开发者专业社群。在全球云计算和移动互联网的产业环境下，Java更具备了显著优势和广阔前景。

Java 编程语言是个简单、面向对象、分布式、解释性、健壮、安全与系统无关、可移植、高性能、多线程和动态的语言。

2.2 Eclipse

Eclipse 是一个开放源代码的、基于Java的可扩展开发平台。就其本身而言，它只是一个框架和一组服务，用于通过插件组件构建开发环境。幸运的是，Eclipse 附带了一个标准的插件集，包括Java开发工具（Java Development Kit，JDK）。

2.3 Tomcat

Tomcat 服务器是一个免费的开放源代码的Web 应用服务器，属于轻量级应用服务器，在中小型系统和并发访问用户不是很多的场合下被普遍使用，是开发和调试JSP 程序的首选。对于一个初学者来说，可以这样认为，当在一台机器上配置好Apache 服务器，可利用它响应对HTML 页面的访问请求。

2.4 MySQL与Navicat For MySQL

MySQL[3]是一个关系型数据库管理系统，由瑞典MySQL AB公司开发，它是用于访

电子商务网站的设计与实现

问数据库的最常用标准化语言。由于其体积小、速度快、总体拥有成本低，尤其是开放源码这一特点，一般中小型网站的开发都选择MySQL作为网站数据库。

Navicat For MySQL是一款强大的 MySQL 数据库管理和开发工具，它为专业开发者提供了一套强大的足够尖端的工具，但对于新用户仍然易于学习。Navicat For MySQL 基于Windows平台，为 MySQL 量身订作，提供类似于 MySQL 的用管理界面工具。此解决方案的出现，将解放php，Java等程序员以及数据库设计者、管理者的大脑，降低开发成本，为用户带来更高的开发效率。

2.5 MVC框架

MVC[4]是一个框架模式，它强制性的使应用程序的输入、处理和输出分开。使用MVC应用程序被分成三个核心部件：模型、视图、控制器。它们各自处理自己的任务。最典型的MVC就是JSP + Servlet + Javabean的模式。

2.6 B/S架构

B/S[5]最大的优点就是可以在任何地方进行操作而不用安装任何专门的软件，只要有一台能上网的电脑就能使用，客户端零安装、零维护。系统的扩展非常容易。B/S同时具有升级和维护方式相对简单、成本较低等。

第3章 系统总体设计

3.1 功能模块分析

本电子商务网站涉及到两种业务角色，即前台用户角色和后台管理员角色。3.1.1前台功能模块分析

（1）用户信息模块，即用户注册、用户登录、用户查看和修改个人信息；

（2）商品信息模块，即分类查看商品信息、搜索商品信息；

（3）购物车信息模块，即添加购物车、删除购物车、搜索购物车信息；（4）订单信息模块，即添加订单、删除订单，搜索订单信息；（5）新闻信息模块、即浏览发布的新闻信息；

（6）留言板信息模块、即添加留言，查看所有的留言信息； 3.1.2后台功能模块分析

（1）管理员信息模块，即管理员登录、查看个人信息、修改个人信息；（2）用户管理模块，即查看所有用户信息、搜索用户信息、删除用户；（3）商品管理模块，即添加商品、查询商品、删除商品；

（4）订单管理模块，即查看所有订单信息，搜索订单，删除订单；（5）新闻管理模块，即查看所有的新闻，搜索新闻，修改新闻，删除新闻；（6）留言板管理模块，即查看所有留言信息，删除留言；

3.2 业务流程分析

通过本电子商务网站分为前后台两种角色管理，前台用户可以完成对应的业务逻辑，如图1所示。后台管理员完成对应的业务逻辑，如图2所示。

图1 前台业务流程图

图2 后台业务流程图

3.3 可行性研究

可行性分析能使新系统达到以最小的开发成本取得最佳的经济效益，其目的也是根

电子商务网站的设计与实现

据开发管理信息系统的需求，通过初步调查和系统目标分析，对于本电子商务网站设计从技术上、经济上和管理上进行是否可行的研究与分析，这既是保证资源的有效合理利用，也是避免在日常工作中的失误而导致的种种浪费现象 3.3.1技术可行性

技术方面，本系统采用Java语言进行设计，Java也是我们比较熟悉的语言。由于是初次设计电子商务网站，在技术和知识层面上的欠缺，导致在制作过程中遇到许多的困难，编程和设计的时候，明显感觉到知识积累的不够，并且很多知识点已经淡忘。通过与老师的沟通，在老师的细心指导下，以及我们的一起努力，翻阅了大量的资料，多操作多实践，本系统才得以比较顺利的开发出来。因为实践和技术方面的不足，使得我们设计的程序依然存在很多不完善的地方，后期好好的钻研，使本系统能更完善更适用。3.3.2经济可行性

本系统相对较小也比较简单，不需要投入大量资金，同时又存在着实用性，能改善使用方法在财力和人力上的过度消耗。因此一经使用便可收到很好的成效，做到合理节约和合理利用资源,既提高了工作效率并且也减少了工作人员的工作量，这使得本系统在处理业务方面得到很大的提升空间。3.3.3管理可行性

对于绝大多数用户而言，他们已经养成了网上购物的习惯。对于购物方式，也已相对比较熟悉。对于本网站而言，简洁友好的界面可以使用户快速的了解本网站提供的业务，从而能更好的操作以完成网上购物的体验。对于后台管理者而言，本系统提供的后台操作简单，模块划分简洁明了。因此无论是用户，还是管理员都能很好的操作本网站提供的功能，在管理方面是可行的。

3.4 数据库设计

数据库设计是指对于一个给定的应用环境，构造（设计）优化的数据库逻辑模式和物理结构，并据此建立数据库及其应用系统，使之能够有效地存储和管理数据，满足各种用户的应用需求，包括信息管理要求和数据操作需求。信息管理要求是指在数据库中应该存储和管理哪些数据对象；数据操作要求是指对数据对象需要进行哪些操作，如查询、增、删、改、统计等操作[6]。3.4.1数据库需求分析

数据库需求分析的任务是通过详细调查现实世界要处理的对象（组织、部门、企业 5

等），充分了解系统的工作概况，明确用户的各种需求，然后在此基础上确定系统的功能，因此必须充分考虑今后可能的扩充和改变，不能仅仅按照当前应用需求来设计数据库。本系统相对比较简单，从前台到后台操作涉及到的实体及其属性的定义都能满足系统的要求，因此在考虑后期可能的应用需求，本数据库的设计相对合理，应用性良好。3.4.2数据库概念设计

数据库概念设计阶段是在需求分析的基础上，设计出能满足用户需求的各种实体，以及它们之间的关系，为后面的逻辑结构设计打下基础。在本电子商务网站中，各项实体之间的关系并不复杂，本系统的数据库没有设计外键关联，只是将关联数据库的字段存放到需要的数据库表中，从而能达到数据关联的目的，如图3所示，因此概念设计也相对比较容易。

图3 数据库实体关系图 3.4.3数据库逻辑设计

在数据库逻辑结构设计阶段，需要将数据库概念结构转化为MySQL数据库系统所支持的实际数据模型，也就是数据库的逻辑结构。在上面的实体结构的基础上，形成对应的数据库表，如表1—表7所示。

表1 用户基本信息表

电子商务网站的设计与实现

表2 商品基本信息表

表3 订单基本信息表

表4 购物车基本信息表

表5 新闻基本信息表

表6 管理员基本信息表

表7 留言板基本信息表

3.4.4数据库结构实现

在需求分析、概念结构设计的基础上得到数据库的逻辑结构之后，就可以在MySQL数据库系统中实现该逻辑结构。实现数据库的逻辑结构的方式是借助Navicat For Mysql来管理实现，详细步骤如下所述。

（1）打开Navicat For Mysql，选择“连接”出现“新建连接”界面，在“连接名”输入框中填入项目名（如eshop），其他选择对应的数值，如端口号、数据库的用户名和密码等。当点击测试连接时，若如图4所示的效果，则连接成功，点击确定即可看到如图5所示的界面。

图4 新建数据库连接

图5 连接列表

（2）选中“eshop”，鼠标右击选择“新建数据库”，在“数据库名”标签中填入数据库名（如eshop），“字符集”选择“utf8--UTF-8 Unicode”,其他选择默认，如图6所示。

图6 新建数据库

图7 新建表

（3）双击展开“eshop”数据库，选中“表”，鼠标右击选中“新建表”，如图7所示，进入填写数据项信息的界面，选中下面的“自动增加”（表示id为自动增加），填写完信息后保存，提示填入表名（如e_user）即可，如图8所示。

图8 e_user 数据表

电子商务网站的设计与实现

（4）这样我们在MySQL数据库系统中就创建了一个eshop的数据连接，并在该连接下创建一个eshop数据库，并且能够建立所需的数据表，如图9所示。后期的操作中只要连接到该数据库，就可以直接对数据库中的数据表进行操作。

图9 所有的数据表

第4章 系统详细设计与实现

4.1 界面设计原则

界面设计是屏幕产品的重要组成部分。界面设计是一个复杂的有不同学科参与的工程，认知心理学、设计学、语言学等在此都扮演着重要的角色。用户界面是用户与程序沟通的唯一途径，要能为用户提供方便有效的服务。用户界面设计的三大原则是：置界面于用户的控制之下、减少用户的记忆负担、保持界面的一致性。

4.2主要功能及界面的实现

本电子商务网站采用的是JSP[7]技术作为前端页面展现,由于每个模块的页面是不一样的，因此在设计页面时，要合理的安排，尽量使用户能够很快的熟悉本网站的主要功能，同时需要保持界面的简洁和一致性。4.2.1前台子系统的设计与实现

（1）前台用户注册

对于本电子商务网站，未成功注册用户只能查看新闻公告，商品信息等，而不能进入系统使用其他的业务。用户需要办理注册手续，即进入注册页面，按要求输入有效的个人信息，如账户名、真实姓名、身份证号、邮箱等必要信息，如图10所示。

图10 用户注册

图11 用户登录

（2）前台用户登录

已成功注册用户只有登录系统才能执行其他业务操作，如图11所示，因此在登录界面输入账户名和密码，提交信息后，后台进行验证，若与数据库里存储的信息匹配，则可以成功登陆。

（3）前台新闻信息模块

当进入网站首页，则直接在右边的页面中浏览所有的公告信息，或者点击“首页”，则回到所有新闻信息显示页面，如图12所示。

电子商务网站的设计与实现

图12前台新闻信息模块

（4）前台用户信息模块

进入主界面后，当用户点击“会员信息”时，即进入“前台用户信息”子模块，此模块中显示了登陆用户的个人信息，用户可以修改个人信息，包括密码的修改等，如图13所示。

图13 前台用户信息模块

（5）前台商品信息模块

在主界面的左侧导航栏中（如“聚美优品”、“商品类别”、“品牌商家”等），则根据其下拉的选项点击查看不同的商品信息。在对应页面上方的查询输入框中，输入商品名称，则可查询所需的商品信息，如图14所示。

图14 前台商品信息模块

（6）前台购物车信息模块

当点击商品信息的操作栏中“加入购物车”链接时，则进入购物车信息模块。该页面上显示将加入购物车中的商品信息。当点击“购物车”时，则显示该用户下的购物车中的商品信息。当点击购物车列表里“删除”操作，则可删除购物车中对应的商品。在购物车列表页面的输入框中输入商品名称，显示所需的商品信息，如图15所示。

图15前台购物车信息模块

（7）前台订单信息模块

当点击商品列表的“生成订单”操作，如图14所示。或者点击购物车列表的“生成订单”操作，如图15所示时，则出现订单信息填写页面，输入订单信息，并通过验证，即完成订单添加操作；否则添加失败。点击“查看订单”操作，显示该用户下所有的订单信息。点击订单列表中的“删除”操作，则删除对应的商品订单。在订单列表的输入框中输入订单编号，则查询出所需的订单信息，如图16所示。

图16前台商品信息模块

（8）前台留言板信息模块

点击“留言栏”操作，显示所有的留言信息，如图17所示。用户可以添加留言信息，未登录用户添加留言时，出现需要用户登陆提示。

电子商务网站的设计与实现

图17 前台新闻信息模块

4.2.2后台子系统的设计与实现

（1）后台管理员登录

当管理员输入用户名和密码时，后台进行验证，若验证通过，则进入后台管理界面，若验证错误，则提示登陆失败信息，如图18所示。当管理员成功登陆到系统后，系统会跳转到如图19所示的后台主界面，从而完成后台的管理。

图18 前台新闻信息模块

图19 后台主界面

（2）后台管理员信息模块

当管理员成功登陆后，则进入后台管理界面，当点击左侧导航栏中“系统管理”下的“管理员信息”时，则显示管理员的个人信息，当点击“修改”时，则可以修改管理员的用户名和密码，如图20所示。

图20 后台管理员信息模块

（3）后台用户管理模块

当点击右侧导航栏中“用户管理”下“用户管理”，则显示所有注册用户信息。管理员可以删除用户，或者根据账户名查找用户，如图21所示。

图21 后台用户管理模块（4）后台商品管理模块

当点击右侧导航栏中“商品管理”下“添加商品”，则可填写商品信息，若通过后台验证，则完成添加操作，否则提示添加错误信息。当点击“商品列表”，则显示所有的商品信息。在输入框中输入商品名，则可以完成按商品名查询操作。当点击“删除”则删除对应的商品，如图22所示。

图22 后台商品管理模块（5）后台订单管理模块

当点击右侧导航栏中“订单管理”下“订单列表”，则可显示所有的订单信息。当管理员在输入框中输入订单ID或者点击操作栏中的“删除”时，则完成对应的搜索或删除操作，如图23所示。

电子商务网站的设计与实现

图23 后台订单管理模块

（6）后台新闻管理模块

当点击右侧导航栏中“新闻管理”下“添加新闻”，则可填写新闻信息，若通过后台验证，则完成添加操作，否则提示添加错误信息。当点击“新闻列表”，则显示所有的新闻信息。当点击“删除”或“修改”，则可完成相应操作。在输入框中输入新闻ID，完成新闻查询操作，如图24所示。

图24 后台新闻管理模块（7）后台留言板管理模块

当点击右侧导航栏中“留言管理”下“留言板管理”，则显示所有前台用户的留言信息。当点击“删除”，则可完成删除留言的操作，如图25所示。

图25 后台留言板管理模块

第5章 系统测试

5.1测试环境

软件环境：JDK1.6，Windows 2000以上的操作系统[8]； 硬件环境：最低Intel Pentium II 500 MHz； 安装内存（RAM）： 512MB（最好1GB以上）。

5.2测试过程

当用户在前台登录页面中输入正确的账户名（如“jason”）和密码（如“123456”）时，则登陆成功，则成功跳转到如图26所示页面，否则提示如图27登陆错误信息提示。

图26 登录成功

图27 登陆失败

当未注册用户点击“注册”按钮，在右边看到注册界面，用户输入正确的数据，然后点击按钮“添加”，将提示注册成功，如图28所示。反之如果上面的信息只要有一项不符合规定，将提示注册失败。此处给出所有注册信息通过的提示，如图29所示，因此可完成用户注册操作。

图28注册成功提示 图29 注册提示

用户若没有登录，当查看购物车、订单等信息或添加到购物车、生成订单和添加留言等操作时，会出现如图30的提示，只有成功登录后，才能操作对应的功能。

图30 登陆提示

电子商务网站的设计与实现

当用户在自己的购物车列表中点击生成订单时，若出现如图31的页面，则说明该物品已下架，用户可以选择其他物品进行购买。

图31商品下架提示

前台各个功能模块的测试重点大致相同，此处以前台订单管理为例，在生成订单页面输入信息，若显示如图32的页面时，则说明输入信息不可为空，当输入的格式不正确时，用户无法完成订单添加的功能，如图33所示。只有输入有效的数据才能成功生成订单。

图32 生成订单不为空提示

图33 生成订单格式不正确提示

当登录用户查看订单信息时，当输入订单编号46时，若有数据，则会显示如图34的页面。

图34 前台订单查询页面

当输入0时，因为数据库无此数据，则会出现如图35的页面。当用户输入的数据不符合要求时，则会出现如图41的页面提示，用户需重新输入。

图35 查询无数据页面

当用户删除如图所示的订单编号44时，若页面效果如图36所示，没有编号为44的订单信息，则说明删除成功。

图36 订单删除成功之后的页面

前台主界面的右下方如图37管理员输入正确登录信息，则可进入如图19所示的后台管理界面，管理员可在该界面完成各项操作。

图37 后台登陆错误提示页面

当管理员成功登录到后台管理模块时，则进入到订单管理模块，当在编号输入框中输入订单编号33时，若显示界面如图38，则说明已经成功查询。

电子商务网站的设计与实现

图38 后台订单查询界面

当进入后台订单模块后，删除编号为36的订单时，若成功删除，则界面如图39所示。

图39 后台订单删除操作

若出现页面不存在的错误，则显示如图40的页面提示，需要检查输入的页面是否正确。若出现服务器端的错误，则会友好的提示如图41的页面，错误的原因可能是Java的空指针异常或数据的格式不正确等[9]。

图40 页面找不到提示

图41 服务器端错误提示

第6章 总结与展望

6.1 总结

顺利如期的完成本次毕业设计给了我很大的信心，让我了解专业知识的同时也对本专业的发展前景充满信心，网上购物系统采用的是Java语言开发，它有着许多的优越性，但也存在一定的不足[10]，这些不足一方面是自身的知识积累没有达到一定的水平，另一方面是由于时间的问题，没有使系统更加的完善。只有发现问题、面对问题才有可能解决问题，不足和遗憾不会给我打击只会更好的鞭策我前行。

6.2 展望

经过这次毕业设计和对相关资料的收集，让我清楚的感到随着网络科技的不断发展和网络的广泛应用，使我们的生活离不开它了。网络它以自己的独特的优点征服了我们。在教育越来越受重视的21世纪，随着商务类型的不断增加和商务管理要求的不断提高，管理方面的工作量将会越来越大，并且其工作将是一件十分烦琐和非常容易出错的事情。在这样的情况下有一个实用网上购物系统是有其必然性的，如果能做出一个完善的网上购物管理系统就使管理方面的工作量减少很多。在这次的毕业设计中，我学会了很多，也感到自身知识的贫乏，希望在日后的努力中能做出更完善的系统。

电子商务网站的设计与实现

参考文献

个人网站的设计与实现 篇6

摘要:本文提出了一个精品课程网站动态生成平台的设计方案,分析了系统的工作流程、功能和主要实现技术。利用本系统开发精品课程网站,能够简化网站制作的流程,使教师在很短的时间内建成符合评审指标且具有个性化的精品课程网站,大大减轻了教师和教育技术人员的工作量。

关键词:精品课程 动态生成平台 设计与实现

中图分类号:G250.72 文献标识码:B 文章编号:1673-8454(2009)21-0039-04

精品课程是具有引领、示范和辐射作用的课程,精品课程建设工程于2003年由教育部启动,随后在全国各省市、全国各高等院校铺开建设,截止到2008年已建成国家级精品课程2200多门。按照教育部的要求,精品课程的内容要全部上网,因此精品课程网站的建设成为了精品课程建设中一个不可或缺的环节。

精品课程网站的制作包括页面布局的规划和界面的设计、程序代码的编写、后台数据库的操作、信息内容的整合、网站发布等环节,是一项重复而繁琐的工作,有一定的技术难度,需要掌握网站制作方面的知识和技术。学科教师教学科研工作量一般都比较繁重,如果要他们在较短的时间内制作一个专业化的网站,则勉为其难。正是基于这样一种考虑,如果能开发设计一个用于创建精品课程网站的平台,让教师只需要简单的操作就可以建立一个精品课程网站,无疑会受到教师的欢迎。

一、系统的开发目标

1.遵循精品课程的评审要求和制作规范

本平台的开发是按照教育部2008年国家精品课程评审指标的各项要求制作的,使教师在制作网站的过程中有据可循,减少了教师的工作量并且使教师制作出来的网站符合评审指标的要求。系统的开发技术符合W3C标准。

2.简单易用

考虑到精品课程网站是自动生成并且为普通学科教师所用,因而其操作应该越简单越好,要求只要使用浏览器就能在线建立所需要的网站,不需要掌握系统的网络知识,不需要学习专业开发软件,做到没有网页制作经验的教师也能快速上手。如图1所示是利用精品课程网站动态生成平台创建课程网站的工作流程。

3.功能完善

具体功能包括:

(1)banner和版权的管理,包括banner的上传、修改和编辑,版权的修改等。

(2)目录管理,包括网站一级、二级、三级目录的建立、修改、删除与顺序调整。

(3)页面模块管理,包括页面模块的选中、删除、添加、修改、删除其内容等。

(4)界面的管理,包括分辨率的设定、界面的修改、背景图片的上传、选择,菜单栏方向的修改等。

(5)课程内容的上载:具有文字、表格、图形、图像、声音、视频等多媒体添加功能。

(6)其他功能:论坛管理、人员管理、登录日志、网站配置等管理功能,和在线统计分析、访问次数统计、资料上传、时间显示等功能。

4.所见即所得

添加网站内容,编辑各种多媒体要素,就像编辑Office文档一样方便简单。使用所见即所得的编辑器,不需要具有任何标记语言或编程语言知识,通过网络浏览网页的效果和编辑时显示的效果一致,帮教师方便、快捷地对编辑的内容进行修改、排版。如果教师比较熟悉网站的制作,可以选择使用代码的方式编辑,更加灵活方便。

二、系统的设计

1.系统设计原则

实用性原则:系统的总体设计原则是从方便教师的角度出发,采用教师比较熟悉的Web形式,要求界面简洁,操作简单,具有很好的通用性和实用性。

模块化原则:模块化能大大提高系统的可管理性和可维护性,使整个教学系统能成为一个真正清晰明了的有机系统。模块化便于修改、扩充。采用模块化设计后,在维护时可以直接对某一需要改动的模块进行修改,从而能够有效降低网站不断更新带来的麻烦。[1]

交互性原则:建立交互式网站,使精品课程网站具备网络教学的互动功能。为了提高学习效率,促进师生互动,精品课程建设应该建立师生园地(BBS)等互动交流空间,教师定期与学生在线交流,为学生答疑解惑。

2.B/S三层体系结构

系统采用了B/S(Browser/Server)三层体系结构,即表示层、业务逻辑层和数据访问层,其体系结构如图2所示。

表示层负责与用户交互,接受用户的输入并将服务器端传来的数据呈现给用户。该层在应用程序里体现为扩展名是ASPX的页面文件和页面相关代码。业务逻辑层是系统的核心部分,负责处理表示层的HTTP请求并将请求传输给数据层,同时将请求处理结果发给浏览器。数据层位于最底层,以ADO.NET为接口,对数据进行操纵并为业务逻辑层提供数据服务。系统采用三层体系结构,可以分模块组织代码,增强代码的可读性,增加系统的安全性和健壮性,最重要的是便于修改、扩充。

3.系统功能模块的设计

如图3所示。

(1)网站基本信息设定:包括网站名称的设定、界面肤色的更换、界面模块的选择与删除、网站分辨率设定、banner图片的上传和选定、版权信息的设定、菜单栏位置的设定等,主要是针对不同的课程给教师提供自由发挥的空间,以体现网站的个性化。网站基本信息设定界面如图4所示。

(2)新闻管理:使用在线编辑器对主页中的新闻模块进行添加、修改和删除。

(3)导航管理:对一级、二级、三级菜单的添加、修改、删除和调整顺序,一级菜单项主要包括:教学队伍、教学内容、教学条件、教学方法、教学效果、特色政策、申报表格和课程论坛等评审指标中要求的项目,当然也可以根据教师的要求修改或添加。每个一级菜单下可以设置多个二级菜单,每个二级菜单下也可以设置多个三级菜单。

(4)友情链接管理:友情链接是一个可选模块,教师可以根据自己的需要决定是否选用,包括对友情链接的添加、修改和删除。

(5)课程信息设定:这也是一个可选模块,是对课程的简介,可以是文字,也可以插入图片、视频等。

(6)用户管理:包括添加、删除用户,修改密码,查看在线用户等功能。

(7)搜索功能:可以进行站内搜索,方便用户检索相关内容。

(8)留言管理:主要实现对留言的添加和删除,留言板提供一个师生交流的平台,学生可以反馈意见,提出课程建议,增加了系统的互动性。

(9)内容管理:对网站中所有的文章进行修改、增加和删除操作。系统提供了一个基于网页的所见即所得的在线编辑器。通过编辑器编辑的文字、图片等HTML标记输出到页面的效果和编辑时显示的效果一致,让使用者方便地对编辑的内容进行修改、排版。内容管理界面如图5所示。

三、系统实现的主要技术

本系统采用微软.NET框架作为开发平台,开发环境为Visual Studio2008,数据库采用SQL Sever 2005。系统的实现应用了ADO.NET、DIV+CSS、自动生成数据库访问类、在线编辑、Sliverlight和Ajax、流媒体等多种技术,其中自动生成数据库访问类、Sliverlight和Ajax技术的应用是本系统实现的两大特色。

1.ADO.NET

ADO.NET是在.NET编程环境中优先使用的数据访问接口,是一组用于和数据源进行交互的面向对象类库。ADO.NET允许和不同类型的数据源以及数据库进行交互。本平台对数据库的访问就是通过ADO.NET实现的。

ADO.NET的两大核心组件是数据提供程序(Data-Provider)和数据集(Dataset)。DataProvider是一组包括Connection、Command、DataReader和DataAdapter对象在内的组件,其目的是为了实现数据操作和对数据的快速访问。.NET 框架包含两种数据提供程序:一种是SQL Server数据提供程序;另一种为一般的数据提供程序,它可以与任何一个OLEDB数据源通信。DataSet是非连接模式的核心,设计Dataset的目的是为了实现独立于任何数据源的数据访问。因此,它的数据源并不仅仅局限于数据库,也可以从XML文件或自定义的本地数据文件中获得数据。DataSet由一个或多个DataTable对象组合而成,而每个DataTable对象由多个数据的行与列、主键、外键、约束及存放于DataTable对象中的数据关系信息组成,DataSet与现有数据源的交互是通过DataAdapter来控制的。[2]

2.DIV+CSS实施页面布局

界面是本平台很重要的设计要素,平台采用DIV+CSS实现页面布局和各种定位。CSS是英语Cascading Style Sheets(层叠样式表单)的缩写,它是一种用来表现HTML 或XML等文件式样的计算机语言。DIV元素是用来为HTML文档内大块(block-level)的内容提供结构和背景的元素。DIV的起始标签和结束标签之间的所有内容都是用来构成这个块的,其中所包含元素的特性由DIV标签的属性来控制,或者是通过使用样式表格式化这个块来进行控制。[3]

使用DIV+CSS的优势主要表现在表现和内容相对分离,结构清晰,缩减了页面代码,能灵活地控制页面的布局,提高了系统的扩展性、易用性,还使得网站改版相对简单,从而降低了网站改版的成本。

3.自动生成数据库访问类

在通常的系统开发中,每一个数据表都对应一个专门的数据库访问类,包括插入、更新等,而类的编写很繁琐且容易出错。在本系统的开发中,开发人员针对这个问题专门编写了一个可以自动生成数据库访问类的小控件。如图6所示,只要将一个表的CREATE代码拷入上图的本文框中,点击“生成类代码”按钮,就可以在下面的文本框中生成此表所对应的类代码,将代码拷入此表所对应的.CS文件中即可。“生成Insert脚本”和“生成Update脚本”两个按钮是生成表所对应的插入和更新的存储过程代码。此控件的使用可以大大减少编程人员的工作量,提高代码编写的质量和速度。

4.在线编辑

申报精品课程的教师多数都没有网站制作的经验,所以为了便于在网站建设中上传内容,在网站制作后期维护、更新,系统采用在线编辑技术,能够在网页上实现许多桌面编辑软件所具有的可视编辑功能,可以快速填充内容,提高开发效率,也便于教师使用,如图7所示。

在线编辑器不仅支持文本的修改,格式的调整,还可以插入表格、图片、动画、视频、超链接等,使教师能够在可视化的界面上方便快速地上传、修改或删除课程内容,提高课程建设的速度和质量。

5.Sliverlight和Ajax技术

Silverlight2.0是微软于2008年6月发布的一个跨浏览器、跨客户平台的技术,能够设计、开发和发布有多媒体体验与富交互(RIA,Rich Interface Application)的网络交互程序。Silverlight提供了一个强大的平台,能够开发出具有专业图形、音频和视频的Web应用程序,增强了用户体验,同时,它还提供了强大的工具来提高开发人员的工作效率。Silverlight支持C#、JavaScript、Visual Basic等动态和静态语言,支持互联网上最流行的音频和视频格式,使创建输入表格,加载数据,上传二进制或文本信息都变得更加便捷。

Ajax是Asynchronous JavaScript+XML的简写,该技术可以为用户提供更为自然的浏览体验。Ajax提供与服务器异步通信的能力,从而使用户从请求/响应的循环中解脱出来。借助于Ajax,可以在用户单击按钮时,使用JavaScript和DHTML立即更新UI,并向服务器发出异步请求,以执行更新或查询数据库。当请求返回时,就可以使用JavaScript和CSS来相应地更新UI,而不是刷新整个页面,用户甚至不知道浏览器正在与服务器通信:Web站点看起来是即时响应的。

6.流媒体技术

国家精品课程“需在网上提供不少于45分钟的现场教学录像”,这就要求网站能提供流媒体播放功能。流媒体是指采用流式传输的方式在Internet播放的媒体格式,如音频、视频、flash等多媒体文件。与传统的播放方式不同,流媒体在播放前并不下载整个文件,而是将部分内容缓存,使流媒体数据流边传送边播放,这样就节省了下载等待时间和存储空间。要动态实现在线点播,客户端必须能够支持Windows Media Player或者 RealPlayer等常见媒体播放器,用户可交互地选择播放音视频课件,并可对音视频课件实现播放、暂停、停止、跳跃等功能。

四、结束语

在精品课程建设过程中,精品课程网站的建设是一个必不可少的环节。本文提出了一个精品课程网站动态生成平台的设计方案,并在ASP.NET平台上开发出了相应的系统。本系统简单实用,简化了精品课程网站制作的流程,可以使教师在很短的时间内建成符合评审指标并具有一定个性化的精品课程网站,大大减轻了教师和教育技术人员的工作量。本平台在后续的研发中功能还将不断完善,应用的范围也可以从精品课程网站扩大到一般的课程网站,力争做成一个比较通用的网站自动生成平台,在教学中发挥更大的效益。

参考文献:

[1]柳强,胡雪飞.高级英语精品课程网站设计和建设[J].中国教育信息化,2008(3):67.

[2]Kouresh Ardestani.高效掌握ADO.NET——C#编程篇[M].北京:清华大学出版社,2003.

[3]http://baike.baidu.com/view/942429.htm.

[4]马伟锋,雷运发.基于MSHTML的精品课程网站自动生成系统的实现[J].浙江科技学院学报,2006(6):121-123.

[5]http://www.it.com.cn/f/edu/077/12/445198.htm.

[6]陈以海.高校精品课程网站建设探索[J].中国教育信息化,2008(1):52-54.

[7]龚志武.高校精品课程建设的研究与实践[J].现代远程教育研究,2008(1).

[8]郝刚.ASP.NET 2.0 开发指南[M].北京:人民邮电出版社,2006.

[9]郑常青.Web标准化设计——精品课程网站建设几点心得[J].中国科教创新导刊,2007.

[10]http://hi.baidu.com/qihongchao1983/blog/item/6a8ffbcad358c517be09e60a.html.

校园门户网站的设计与实现 篇7

虽然在日常生活中网站交流一直存在,网络也成为人们获得信息的主要来源,可当面临众多的网站,更多的服务,更需要的是设计突出、功能强大、服务优质的网站,这样才会让更多的浏览者通过此网站进行学习交流。

出于这种考虑,本文将综合利用IIS、ACCESS技术开发自己的门户网站。

1 系统分析与设计

需求分析是网站生命周期的一个重要阶段,它最根本的任务是确定网站必须具有的功能和性能,系统要求的运行环境,并且预测网站开发的发展前景;既要仔细分析网站的需求量,又要分析长期使用的数据存储,通过分析应该得出该网站流程图、ER图所定义的详细的网站逻辑模型。

需求分析的基本任务是准确地回答“门户网站必须做什么?”,需求分析不是确定系统怎样完成它的工作,而是确定系统必须完成哪些工作。需求分析的结果是系统开发的基础,关系到工程的成败和网站制作的质量。所以,一定要把握好需求分析这一阶段。本网站是一个中小型的网站,可以为各类用户提供方便的发贴、评论、交流的平台,符合目前国内流行的网站模式。用户可以在系统中实现发表新贴子、进行贴子评论、修改用户资料以及浏览用户资料等功能;管理员可以通过多种操作功能来对网站进行维护更新。经过需求分析后,具体要求如下:

(1)登录系统:用户成为会员进行发贴。

(2)基本信息:用户的基本信息及查看信息。

(3)贴子管理:已发贴子及评论的管理。

(4)显示贴子作者:即显示发贴者的用户名。

(5)阅读回复信息:显示贴子的浏览次数及回复次数。

(6)修改系统:修改用户的个人信息。

(7)查询系统:查询已经发布的贴子。

(8)系统设置:管理员进行后台管理后,对网站后台及用户管理的更新。

经过需求分析阶段的工作,系统必须“做什么”已经清楚了,现在是决定“怎样做”。总体设计阶段的主要任务是把网站系统设计的功能需求分配给软件结构,形成软件的模型结构图。因此,总体设计又称为概要设计或初步设计。总体设计的基本目的就是回答“该网站系统应该如何实现?”这个问题。总体设计阶段的另一项重要任务是设计网站的结构,也就是要确定网站中每个模块是由哪些功能实现的,以及这些模块相互间的关系。总体设计过程通常由两个主要阶段组成:页面设计和功能设计。

(1)页面设计:确定网站系统的整体风格,使用Photoshop与Flash来完成Banner与Logo及页面的整体设计。

(2)功能设计:对网站功能的设计,主要是在ASP开发平台下建立网站中主要模块的功能及这些模块之间的功能调用关系。

1.1 设计规划

网站的建设主要使用Photoshop软件制作背景及Banner、Logo设计。主要包括:用户系统、用户个人资料管理、网站系统设置等几个功能模块组成,规划网站功能模块如下:

(1)用户系统:包括用户注册、用户登录两部分。

(2)用户资料管理:包括个人信息修改、所发贴子的管理、对其他贴的回复管理、个人积分查询四部分。

(3)网站系统设置:包括后台管理员的维护、积分设置、用户管理、退出系统四部分。

1.2 设计目标

本网站系统是根据当今网络的实际需求而开发的,可以达到以下目标。

(1)系统运行稳定,安全可靠。

(2)人机交互界面友好美观。

(3)信息查询灵活、方便、快捷、准确,数据存储安全可靠。

(4)用户可以随时修改自己的口令。

(5)对用户所发贴子,系统进行严格的数据检验,展现文明网站。

(6)网站交互性强,为每个用户提供学习交流的平台。

(7)网站安全性好,根据积分为用户设置权限。

详细设计阶段的根本任务是确定怎样具体实现要求的目标。也就是说,经过这个阶段的工作,应该写出对网站系统的精确描述,从而在编码阶段可以把这个描述直接翻译成用某种程序设计语言书写的程序。此阶段除了要对页面进行美化设计外,还要设计出程序的“蓝图”,开发人员根据这个蓝图写出实际的程序代码。因此,详细设计的结果基本上决定了最终程序代码的质量。除了应该保证程序的可靠性之外,也应保证编写的程序可读性好、易于理解、测试、修改和维护,这一点是详细设计的最重要的目标与任务,详细设计的结果基本上决定了最终的程序质量。

网站的前台设计即网站的页面美工。主要包括网站的布局、Banner与Logo的设计。对于网站中所需要的背景或图片,可以通过Photoshop进行编辑处理。在网站的前台设计过程中,为了达到统一风格,一般不采用过多的色调在主页上。对于门户网站,要给人一种正式,这样可以打造出一种温馨亲切的风格。

本网站的部分图片是采用Photoshop图像处理软件设计的,而网站整体采用的是CSS格式的设计。简约而不简单,素雅而不单调。

本系统中,大部分的功能是以数据库为中心而实现的,从实现注册新用户、删除旧用户、修改用户资料、浏览用户资料以及对所发贴子的浏览、删除、评论等,对系统进行维护、更新,以及身份验证的一系列操作都涉及到数据库。因此,数据库的设计要与网站前台设计相结合,使其能够把数据库中的表组织起来,使网站能够方便、及时、准确地从数据库中得到需要的信息。此外,通过数据库可以创建表之间的持久关系和存储过程,建立字段和记录的有效性规则、设置字段缺省值。另外,还可以利用参照完整性来帮助维护数据库中相关表的数据一致性。

根据要完成的功能本系统建起一个数据库,在此数据库基础上建立起如下表1。

2 网站的测试

2.1 模块测试

在设计好的网站系统中,每个模块完成一个清晰定义的子功能,而且这个子功能和同级其他模块的功能之间有互相链接的关系。因此,不需要把每个模块作为一个单独的实体来测试,将网站做为一个整体来测试各个功能模块。而且这是比较容易设计检验模块正确性的测试方案。模块测试的目的是保证各模块相互结合作为一个整体能正确运行,因此又称为整体测试。

对于本网站系统来说,模块测试采用白盒测试法。所谓白盒测试,就是可以把程序看成装在一个透明的白盒里,也就是完全了解程序的结构的处理过程。在编出源程序代码且通过了编译系统的语法检查后,经过人和计算机两种类型分别测试后,发现程序中的错误,并给予改正。

2.2 集成测试

集成测试是组装软件的系统软件的测试,对于本系统来说,采用了渐增式自顶向下结合测试,也就是把各个要测试的功能模块结合起来测试。结合本个性化网站系统,就是从主页开始,沿着系统的控制层次向下移动,逐渐把各模块结合起来。

2.3 验收测试

验收测试一般使用黑盒测试法,所谓黑盒测试就是把程序看成一个黑盒子,完全不考虑程序的内部结构和处理过程。目的是向用户表明系统能够象预定要求的那样工作。对于本系统来说,大部分功能都与用户要求一致。

测试的目的就是在网站系统投入商业运行之前,尽可能多地发现网站系统中的错误,保证网站质量。网站测试,包括黑盒测试法和白盒测试法。

黑盒测试是在程序接口进行的测试,它只是检查程序功能是否能按照规格说明书的规定正常使用,程序是否能适当地接收输入数据产生正确的输出信息,并且保持外部信息(如:数据库或文件)的完整性。黑盒测试又称为功能测试。

白盒测试法是按照程序内部的逻辑测试程序,检验程序中的每条通路是否都能按预定要求正确工作。白盒测试又称为结构测试。

由于能力的局限性,所以编写的代码即使经过反复检查也难免出错,所以在本阶段力求使用有限的时间找出尽可能多的错误,力求系统尽量正确。在此阶段系统的大量错误得到了改正。即使经过了最严格的测试之后,仍然可能还有没被发现的错误潜藏在程序中。测试只能查找出程序中的错误,不能证明程序中没有错误。经过严格的测试,本网站系统预期的功能都已全部实现。

摘要：本文以ASP为开发平台,综合利用IIS、ACCESS开发了校园门户网站,真正体验当前软件开发全新模式,实现网站快速开发和部署。

关键词：ASP,ACCESS,IIS,数据库

参考文献

[1]尚俊杰.ASP网络程序设计.北京:清华大学出版社,2007.

[2]刘育楠.动态网页设计培训教程.北京:清华大学出版社,2005.

[3]武延军,赵彬.精通ASP网络编程.北京:人民邮电出版社,2005.

[4]李耀洲.中文Access2003实用教程.北京:人民邮电出版社,2004-05.

[5]陆洪毅.数据库管理系统基础.北京:机械工业出版社,2004,-12.

[6]郑若忠,宁洪.数据库原理[M].北京:国防科技大学出版社,1998.

[7]李劲.精通IIS5.0系统规划与管理.北京:中国青年出版社团组织,2001.

电子商务网站的设计与实现 篇8

软件需求分析是软件生存周期中重要的一步，也是最关键的一步。只有通过软件需求分析，才能把软件功能和性能的总体概念描述为具体的软件需求规格说明，进而建立软件开发的基础。

需求分析是软件计划时期的最后一个阶段，其基本任务是准确地回答“系统必须做什么”这个问题。需求分析所要做的工作是深入描述软件的功能和性能，确定软件设计的限制和软件与其他系统元素的接口细节，定义软件的其他有效性需求[3]。

正因为需求分析如此重要，网站的定位是一个功能齐全的大型电子商务网站，系统基于.net平台使用ASP.NET2.0技术开发，使用C#做为了开发语言。所以经过需求分析后网站研究的主要内容和预期目标如下。

网站主要实现功能：

(1)会员制：身份验证，保证交易的成功率。

(2)会员积分功能：提高用户购物积极性。

(3)查询功能：可以快捷的找到符合要求的商品。

(4)会员购物流程：浏览商品、将商品放入购物车、确认订购单及付款方式。其中多购物车记录功能可以让用户方便地调整购物方案。

(5)会员服务功能：可随时查看账务明细、订单明细、反馈购物信息及商品满意度。

(6)后台管理：使用本地数据库与因特网上的数据库实时同步，保证数据完整，便于管理者及时了解销售状况;利用网站后台管理操作便可生成报表，极大程度上减轻财会人员工作量;通过后台界面可以实现对商品信息、会员信息等资料方便、快捷地操作。

1．1网站前台界面主要功能设计

1．1．1一级页面

主页面：登陆框、注册页链接;新品上架;分类热购排名;友情页链接;二级页面链接;帮助页面、客服信息等页面链接。

1.1.2 二级页面

(1)商品分类页面：详细罗列商品类别、品牌。

(2)商品大类页面：各大类商品年度、月季、周季、日销售排名;新品推荐极其详细介绍。

(3)商品详细信息页：显示商品详细信息、用户评价、显示浏览用户最近浏览商品、登陆框、购物车、商品评分框;信息回馈框。

1．1．3三级页面

(1)注册页面：用户详细信息。

(2)用户信息页：查看并修改详细信息。

(3)购物车：每位注册用户可拥有3个购物车;确认后可转为订单界面。

(4)订单界面：显示用户已确认订单信息并可反馈订单售后情况。

(5)账单支付页面：付款处理页面。

(6)帮助页面：显示购物网站使用帮助。

(7)客服页面:客服信息、留言框。

1．2网站后台界面主要功能设计

(1)管理员登陆：商品信息、用户信息按权限实现增删改功能。

(2)订单管理。

(3)用户反馈信息管理。

(4)网站前台页面管理。

(5)数据库管理。

(6)商品销售情况查看。

(7)报表制成及导出。

电子商务需要和数据库进行实时的操作，因此数据库建立的好坏直接关系系统开发的速度和质量，可以看出数据库的开发在系统开发过程中的重要性，数据库采用SQL SEVER进行开发。由于涉及到的数据表比较多，所以在下面的数据表介绍中，将着重介绍一些较为主要的表的字段结构。

购物网站系统采用SQL Server 2000数据库，经过对购物网站系统的需求分析，设计出该购物网站系统所需的数据库，名称为“yxshop”，在此数据库基础上建立起如下表：

根据以上分析系统采用四层架构实现，分别为UI层、实体层、中间业务层和数据访问层。其中UI为ASP.NET网站，其他三层皆为类库项目。其中实体层实现了对象—表的映射;中间业务层实现了数据处理;数据访问层实现了数据库操作功能。

电子商务网站系统由于网页众多，因此在设计风格的时候很可能很难保证整个系统风格的一致性，因此在开发系统的过程中采用了CSS全站样式设计，并使用Photoshop图像处理软件进行图像处理与设计来保证系统风格的统一和美观。

2 网站的测试

测试的目的[3]就是在软件投入商业运行之前，尽可能多地发现软件中的错误，保证软件质量。软件测试，包括黑盒测试法和白盒测试法。黑盒测试法把程序看成一个黑盒子完全不考虑程序的内部结构和处理过程。也就是说，黑盒测试是在程序接口进行的测试，只是检查程序功能是否能按照规格说明书的规定正常使用，程序是否能适当地接收输入数据产生正确的输出信息，并且保持外部信息的完整性。与黑盒测试法相反，白盒测试法的前提是可以把程序看成装在一个透明的白盒子里，也就是完全了解程序的结构和处理过程。这种方法按照程序内部的逻辑测试程序，检验程序中的每条通路是否都能按预定要求正确工作。

由于能力的局限性，所以编写的代码，即使经过反复检查也难免出错，所以在本阶段力求使用有限的时间找出尽可能多的错误，力求系统尽量正确。在此阶段系统的大量错误得到了改正。即使经过了最严格的测试之后，仍然可能还有没被发现的错误潜藏在程序中。测试只能查找出程序中的错误，不能证明程序中没有错误。测试工作可以发现程序中存在的问题，正是在这不断发现问题和解决问题的过程中，对所开发的系统有了更深一步的了解，更加明白了测试工作在整个课题设计中的重要性。

摘要：本文基于使用ASP.NET2.0技术开发,以C#作为开发语言设计并实现了电子商务网站。

关键词：.net,Sql,C#,ASP,电子商务网站

参考文献

[1]尹世久,高扬,王波,等.电子商务概论.北京:机械工业出版社,2008-02.

[2]大连百易软件.软件工程实训指导(客户资源管理系统.NET版).大连:大连百易软件有限公司,2009:198.

[3]陈明.软件工程实用教程.北京:清华大学出版社,2005:18-183.

[4]李晓喆，张晓辉，李祥胜，编著．SQL Server2000管理及应用系统开发.北京:人民出版社,2002:347-45.

城市旅游网站的设计与实现 篇9

1 系统分析设计与数据库设计

1.1 系统分析设计

旅游网的信息组织有它自己的特点。首先网站必须以目的地为核心进行信息组织。其次网站必须遵循以游客为中心的原则建设, 所有信息内容都以游客的需求为第一需要。要做到条理清晰、简单易懂、能够让游客快速查找到所需信息。因此, 在网站的设计上, 主要实现两大部分功能

1、从游客的角度分析:可以将游客分成两类普通游客和注册游客。

(1) 对于普通游客而言, 可以实现以下功能。

浏览旅游目的旅游公告信息;浏览旅游线路的相关信息;浏览旅游各景点全部信息;浏览各景点的旅游图片信息;浏览旅游酒店信息;浏览美食信息及相关评论;查看旅游线路;浏览旅游游记。

(2) 对于注册游客而言, 还能完成以下功能:可以对景点图片发表评论;可以写旅游游记;可以实现对美食的评论;还可实现景点论坛版块留言和提问功能。

2、从网站的管理员角度分析, 网站管理员是被赋予网站全部权限的用户, 其主要功能如下:

管理员可登录系统, 实现管理员添加、删除、修改及注册用户信息的锁定、删除;对旅游公告信息进行删除、添加、修改;对旅游景点大全进行删除、添加, 修改;对景点美图进行删除、添加、修改;对旅游线路信息进行删除、添加、修改;可实现美食信息的修改、添加、删除及美食评论管理;对酒店信息进行删除、修改、添加;可实现游记管理删除、修改、添加;对论坛帖子信息可进行删除、修改、回复。

因此, 整个网站系统分为从游客需要设计和管理员管理两部分, 即前台功能和后台管理。前台主要实现旅游公告、景点大全、旅游线络、景点美图、交通指南、旅游酒店、美食天地、旅游游记等栏目的浏览功能, 以及提供景点论坛、美图评论、美食评论、表发游记等给注册游客进行旅游信息的交流。后台主要实现系统管理、公告管理、景点大全管理、交通指南管理、景点美片管理、酒店信息管理、美食信息管理、旅游游记管理、论坛信息管理等。其功能结构设计如下:

首页通过导航条栏目 (网站首页、景点大全、旅游线路、交通指南、景点美图、旅游酒店、美食天地、旅游游记、景点论坛) 及主要的板块 (旅游公告、推荐景点, 热门景点、热门线路、景点美图、美食天地、酒店信息等及城市特色) 来展示。

1.2 数据库设计

系统功能的实现离不开数据库的支持, 因此数据库的设计是系统的重要部分。根据上述需求分析和功能要求, 确定系统中的所需的实体及其属性, 实体与实体间的关系。网站涉及的主要实体及属性如下:

(1) 管理员 (管理员信息ID, 管理员登录账号, 登录密码) 。

(2) 注册用户 (用户编号, 用户名称, 用户密码, 用户姓名, 用户电子信箱, 用户头像、密码找回问题, 问题答案) 。

(3) 景点信息 (景点编号、景点名称、景点地址、景点电话、景点介绍, 景点交通, 景点票价) 。

(4) 景点美图信息 (编号、景点编号、图片URL、图片说明) 。

(5) 旅游公告 (编号、公告标题, , 公告内容, 发布公告日期, 作者) 。

(6) 旅游酒店 (酒店编号、酒店名称、酒店星级、价格、酒店地址、酒店联系方式、酒店图片URL、酒店简介) 。

(7) 旅游线路 (线路编号, 线路名称, 线路报价, 花费时间, 行程安排, 途经景点, 线路备注, 景点图片) 。

(8) 美食信息 (编号、美食名称、美食图片、美食简介、价格) 。

(9) 美食信息评论 (编号, 美食编号、评论内容、评论用户名、评论日期, 评论标题) 。

(10) 帖子信息 (编号、标题、内容、用户名、时间、点击率) 。

(11) 回帖信息 (编号、帖子编号、标题、内容、时间、回复用户名) 。

(12) 景点美图片评论 (评论编号、图片编号、评论标题、评论内容、评论用户名、时间) 。

(13) 美食 (美食编号、名称、简介、价格) 。

(14) 美食评论 (评论编号、美食编号、评论标题、评论内容、评论用户、评论日期) 。

(15) 头像信息 (编号、图片)

(16) 旅游游记 (编号、标题、内容、图片、作者、时间、点击率)

2 开发工具

系统采用B/S结构, 用ASP.NET+C#作为开发工具, 并以SQLServer2000作为网站的后台数据库来实现各部分功能。SQL Server具有较好的可伸缩性和可靠性, 提供了以Web标准为基础的扩展数据库编程功能, 满足Web网站建设的需求。

3 系统功能的实现技术

3.1 前台主要设计技术

对旅游网站而言, 首页的设计是极其重要的。所以, 在首页中主要通过导航条及旅游公告, 景点美图及推荐景点、热门景点、热门线路, 酒店介绍、城市特色及美食天地等栏目来显示信息。主要实现方法采用ASP.NET提供的控件结合数据库中的数据绑定所需内容 (可以是标题、也可以是图片) 的方法来实现。

以景点图片为例, 结合Data List控件, 绑定图片的URL, 显示图片并实现图片的超链接, 进一步显示景点美图的详细信息, 并实现图片的分页显示及不同页之间的切换。具体方法如下:

(1) 在Data List控件中设置Image控件, 在图片控件和图片标题上设置源代码, 分别绑定对应的图片URL和名称如下:

其它的如显示旅游公告、热门线路、推荐景点等可参照以上方法一一实现。

3.2 后台管理设计技术

对于一个完整的系统而言, 后台管理必不可少。它的实现主要有两个部分:第一部分是管理员登录;第二部分是实现各项管理。为此, 主体界面设计可以采用页面框布局中的iframe框架技术结合Tree View控件来实现。采用iframe框架最大的特点是比较灵活, 它在实现上可以将页面布局分成左、右两部分。左边是利用Tree View控件显示树形结构, 分层显示后台管理中各项管理;右侧部分可以链接到相应的信息。下面以景点管理为例, 实现对旅游景点信息进行删除、修改、添加的功能。

关键代码如下:

而景点管理jdgl.aspx模块, 景点发布jdfb.aspx可分别单独设计, jdgl.aspx模块可以通过Grid View控件绑定数据库的数据来实现删除和修改, 景点发布功能即记录添加功能, 由于篇限, 这里不再详述。

4 结束语

城市旅游网站的开发, 不仅方便游客出行和对旅游部门、城市起到宣传作用, 还可以将其作为一个整体的商业生态链, 将酒店、餐饮、景点景区、交通等利用互联网联结在一起, 具有一定的实用价值和参考价值。

参考文献

[1]张领等.ASP.NET项目开发全程实录[M].北京:清华大学出版社, 2008年.

[2]翁健红.基于C#的ASP.NET程序设计第2版[M].北京:机械工业出版社, 2011年.

[3]李春葆, 曾平.数据库原理与应用第2版[M].北京:清华大学出版社, 2007年.

WEB物流网站的设计与实现 篇10

域名由公司在“美橙互联” (http://www.cndns.com) 上交费申请的。我这里就以吉祥物流网站为例, (网址为:http://www.jixiangwuliu.com) 加以说明。本人开发的物流系统采用了B/S结构, 通过WEB浏览器和数据库服务器实现的, 用户可以不受时间和地域的限制, 在网络条件允许的情况下, 随时随地登录系统, 进行数据查询、录入、打印等操作。

二、开发环境

1.硬件环境:

cpu p4 2.0、内存1G、硬盘160G普通计算机;

2.软件环境:

服务器操作系统是windows server2003企业版、客户端是windows XP专业版、数据库用的是SQL2005、软件开发工具使用了vs2008 c#语言、Java script语言、SQL语言等。

三、系统的设计与实现

1.根据物流公司的具体要求, 我使用了vs2008 c#语言等软件环境中将主页分成了9个模块, 即网站主页、公司介绍、服务特色、资质说明、内部平台、信息查询、在线发货、投诉建议、联系我们, 并将主页美化, 插入了动画及图片等, 提高了公司形象。具体效果可以登入公司网站www.jixiangwuliu.com。

2.在网站的主页中, 还包括了“运单号码”查询选项, 这是因为, 运单号码查询是用户访问我们网站量最多的一项业务。所以, 我们将它放在了首页中, 为我们的客户提供了很大的方便。

3.在特色服务中, 包括了包裹快运、货物信息跟踪、航空运输、运输解决方案等信息。

4.在资质说明中, 包括公司的营业执照、法人代表、工作业绩等信息。

5.在内部平台中, 包括选择登陆平台、选择登陆城市。其中, 登陆平台和登陆城市采用列表形式, 且需要用户名和密码的验证才可操作。具体的操作包括:航空操作系统、财务统计系统、快运单业务录入、快运单送货操作、等通知送货操作、快运单数据补录、快运单业务统计7项。

6.在线发货为用户提供了:只要留下联系人姓名、联系方式、到达站、联系地址、物品名、货物数量等信息, 我们会在第一时间与客户联系, 立刻发货, 为客户提供安全、快捷、准确、方便的服务。

7.投诉建议是对我们的工作的一个反馈, 也是我们工作改革的一个重要指标。

8.联系我们中, 我们提供了公司的详细地址、业务联系电话及传真等信息。

四、连接数据库, 访问数据库的主要函数

(1) 连接数据库服务器连接字符串放在配置文件Web.config中, 具体如下:

(2) 连接数据库服务器:

(3) 数据库操作使用存储过程, 效率更高, 如维护人员, 在数据库中建立如下存储过程:

(4) 关闭数据库连接:

cn.close () ;

五、结束语

本文通过物流网站的建设与管理, 提高了公司的知名度, 增加了公司的业务量, 降低了公司的运营成本, 改善了员工的待遇及工作强度。网站不仅仅是公司的一个业务平台, 也是客户的需求平台。有了它, 就给每日繁忙的物流流转不出差错提供了保障, 用户可以在家里清楚地看到自己的物品目前的托运情况。网站既方便了客户, 又给公司带来了效益。

参考文献

[1]杨洪振.实现和维护WindowsServer2003网络基础结构:网络服务.中国科学技术出版社, 2005-5-1.