APP下载

编辑部网站设计与实现

2017-11-17张永华王朝霞

电脑知识与技术 2017年30期
关键词:网站设计学报编辑部

张永华++王朝霞

摘要:随着网络技术的快速发展和应用普及,传统的纸介版办公模式已经无法满足现代化工作需求,为了让业务信息能直观广泛地宣传到位,适应广大作者、读者所需,该文设计并实现了学报编辑部网站。该网站采用B/S架构,囊括了编辑部动态、学术交流、学报要目、期刊信息、投稿指南等业务范畴及操作流程,为广大作者、读者提供了信息获取渠道。网站后台实现了部分系统维护功能,主要包含文字、图片、文档等资料信息的上传及内容的删除工作,確保该网站正常运作。

关键词:网站设计;学报;编辑部

中图分类号:TP399 文献标识码:A 文章编号:1009-3044(2017)30-0093-03

随着互联网技术的广泛普及和办公自动化技术地兴起,越来越多单位趋向于采用网站方式广泛宣传业务范畴,便于满足不同地域之间具备业务往来的单位及个人的工作之需。本文基于学报编辑部工作业务需求,设计了一个在线宣传网站,用以宣传业务范畴。同时为作者、读者提供发文、订阅信息获取渠道。

1 业务需求分析

编辑部业务范畴需求包含编辑部简介、编辑委员会名单、机构设置、藏文版、社科版、规章制度、投稿指南、电子邮箱、学报要目、学术交流、通知公告、联系电话、友情链接等相关信息展示,并方便作者实现在线投稿。

2 系统功能分析

本网站需要管理员实现编辑部业务范畴的相关信息上传、删除、修改等系列维护工作。网站客户端将业务信息直观展示给广大作者及读者。客户端信息展示时提供分页功能,让信息有规则地呈现到客户端。

3 网站设计

3.1 网站架构设计

本网站采用B/S架构设计。B/S架构是Browser/Server架构的缩写,代表客户端和服务器,在客户端需要安装浏览器,服务器端安装数据库,用户可以通过WWW浏览器访问网站资源。在B/S架构下,由服务器端实现主要事务逻辑。由于数据流向需要,可以在客户端实现部分事务逻辑。数据交互由浏览器访问网络服务器中的数据库得以实现。

3.2 网站模块设计

模块化设计主要是根据前端展示和后台维护功能把网站本身划分为不同的功能实现部分进行开发,然后再组装起来,每一个功能实现部分即为模块。根据上文的网站业务需求分析和功能分析,本文将网站模块化如下:

3.2.1 客户端展示模块

根据前文提出的业务需求,需要将编辑部简介、编辑委员会名单、编辑队伍、规章制度、通知公告、获奖信息等展示给广大作者及读者,客户端需要展示信息标题、发布日期、信息包含的文字内容、发布图片以及相关的附件文档等。

3.2.2 管理员后台登录验证模块

为管理员指定特定的账号、密码,管理员用账号、密码进行登录,系统对账号密码进行验证,若管理员账号、密码同数据库中的账号密码信息一致,则登录成功,否则失败。

3.2.3 管理员后台操作模块

管理员登录成功后,进入后台操作,管理员可以修改个人登录密码,可以上传网站需要的数据资料信息,包含文本内容、图片、文档附件、相关软件等资源。

3.3 数据库设计

3.3.1 管理员信息数据库设计

根据管理员登录功能需求,需要设计管理员信息数据库,数据库名称为manager,具体字段及含义如下:

3.3.2 信息资源数据库库设计

根据网站前端展示的信息需求,需要设计网站信息数据库,数据库名为newsinfo,具体字段及含义如下:

4 网站编码实现

4.1 网站开发工具

本网站设计采用系列软件[1]如下:

Java语言:jdk-6u10-rc2-bin-b32-windows-i586-p-12_sep_2008。

TOMCAT服务器:apache-tomcat-7.0.11。

MySQL数据库:mysql-5.5.28-win32。

数据库图形界面工具:MySQL-Front_V5.3.4.214_Setup.1435658094。

开发工具MyEclipse:myeclipse-pro-2013-SR2-offline-installer-windows。

4.2 网站界面实现

4.2.1 客户端界面设计

在客户端界面中,将结构设置、规章制度、投稿指南、期刊信息、获奖信息、联系我们及资料下载设置成菜单栏目,将通知公告、编辑部动态、学术交流、学报要目、中国藏学论点摘编及图片新闻设计成模块栏目,如图1所示。用户点击可以进入相应的界面。

4.2.2 管理员资料上传界面设计

为了实现B/S架构的数据交互[2],本文设计了资料上传界面。管理员账户密码登录后,可以在该界面中,输入标题,选择发布栏目,输入上传时间,文本内容,添加正文及附件图片和文本,提交信息后就可以实现Web资料上传,如图2所示。

4.3 网站数据交互编码及实现

4.3.1 网站数据交互编码

由于管理员需要验证身份登录,本文采用javabean来编码实现管理员账号密码信息的数据库验证工作[3]。具体工程架构及代码如图3所示,其中,Manager类用于存放管理员账号密码信息,ManagerAction类定义了Manager类的接口,而ManagerActionImpl类实现了ManagerAction接口。

由于管理员需要上传资料信息并保存到数据库,本文采用javabean来编码实现网站信息的封装工作。其中,NewsInfo类用于存放网站需要的数据信息属性及方法,NewsInfoDataStore类用于定义信息的接口,而NewsInfoDataStoreImpl用于实现接口。

网站运作过程有用户操作动作的存在,本文设计了servlet来实现客户端和数据库之间的数据提交,具体工程架构如图4所示。在servlet编码中,获得客户端提交的所有信息,并将其封装到对应的javabean中,再由javabean实现类保存至数据库。

4.3.2 网站数据实现

通过管理员资料上传界面上传的相关内容信息,在数据显示界面显示出来,截图如图5所示。

4.3.3 分页技术编码及实现

现有的翻页技术包含常规翻页、信息滚动翻页和滚动条翻页技术[4]。本文根据工作需要,设计了根据新闻条路数量进行自动分页的技术编码。具体思路为,先计算该栏目下信息的总条数numsum,事先设定好每一页新闻的固定显示信息条数numpage,用(信息的总条数numsum/每页固定显示信息条数numpage)就得到信息所需页数,若商为小数的,需要进行扩展页码处理。具体的工程及编码展示如图6-7所示。

实现效果如图7所示。

5 小结

本文采用JDK、TOMCAT服务器、MySQL数据库、MyEclipse开发工具、JSP和Servlet等Web开发技术对编辑部网站进行了设计和实现,管理员通过身份验证登录后,可以上传网站需要显示的客户端信息内容。不同地域的作者、读者可以通过客户端浏览器访问编辑部相关信息,顺应了时代发展需求,满足工作实际需要,为推动软件办公做出了积极贡献。

参考文献:

[1] 王朝霞.基于SOA的递四方物流应急物资管理系统设计与实现[J].西藏大学学报:自然科学版,2012,1(27):115-122.

[2] 高红梅,刑顺林.教务管理系统设计与实现——以西藏大学为例[J].电脑知识与技术,2012,27(8):6421-6423.

[3] 郭郑州,崔群法,张银鹤. ASP.NET3.5从入门到精通[M].北京:电子工业出版社,2009: 77-86,201-264.

[4] 刘斌,张军.ASP.NET+SQL SERVER动态网站开发案例精选[M].北京:清华大学出版社, 2005:249-277,389-407.endprint

猜你喜欢

网站设计学报编辑部
致敬学报40年
疯狂编辑部之鸭腿饭(四)
企业网站建设的探讨
《计算机应用基础》自主学习网站的研究与设计
学报简介
学报简介
疯狂编辑部之快递也疯狂
《深空探测学报》