APP下载

青年文明城市网动态网站建设

2016-03-12石家庄市第一中学谷悦嘉

电子世界 2016年23期
关键词:前台文明城市后台

石家庄市第一中学 谷悦嘉

青年文明城市网动态网站建设

石家庄市第一中学 谷悦嘉

在文明城市创建活动中,青年这个群体的地位和作用,是其他任何群体不可替代的。本网站前台创设首页、文明城市、青年榜样、评比体系、文明案例、最新新闻、留言板六项栏目。后台可以实时添加最新的信息;对网友留言进行回复;对用户进行管理;添加图片信息。通过本网站建设可引导青年将我国积极创造成一个具有健康向上的人文环境、有利于青年健康成长的社会文化环境、舒适便利的生活环境、安全稳定的社会环境和可持续发展的生态环境的国家。

文明城市;青年榜样;评比体系;文明案例;最新新闻;留言板

1.研究目的

全国文明城市评比是由中央宣传部、中央文明办组织评选的。

社会上最先进、最有活力的一族是青年。在文明城市创建活动中,青少年这个朝气勃勃的群体所处的地位和所起的作用,是其他任何群体不可替代的。

在文明城市的建设中青年起着未来的主导作用。为了激起青年创建文明城市的热情,激发创建文明城市的意识,通过制作“青年文明城市网”,列举典型案例,激励青年向优秀事例学习,提高青年的整体素质,使得青年为将我国建设成为一个文明、美丽、社会稳定和谐、生态环境可持续发展的国家而不断努力。

2.研究思路

网站前台创设文明城市、青年榜样、评比体系、文明案例、最新新闻、留言板几项网页导航栏目。“文明城市”栏目让青年了解文明城市的相关知识,包括全国文明城市的定义,创建全国文明城市的意义,明确全国文明城市要创建什么样的环境,全国文明城市主要评判依据等知识。“青年榜样”栏目列举了最美司机吴斌、最美教师张丽莉及当代优秀青年代表的优秀事迹。“文明案例”栏目列举了一些被评比为文明城市、文明村镇、文明单位、讲文明树新风的具体案例,“最新新闻”列举了最新的国内国际有关文明城市建设的新闻,“留言板”可以让青年积极发表自己的见解或者积极为城市的文明建设出谋划策,激发全国青年参与文明城市建设的意识与热情。网络管理员通过后台管理可以对新闻、留言、用户进行管理,还可以上传最新的图片资料。

3.开发工具

本网站采用ASP来制作动态页面;采用JavaScript脚本语言来编辑部分动态脚本;采用Microsoft Office Access来制作后台数据库;采用Adobe Dreamweaver CS5来制作静态页面;采用Adobe Flash CS5来制作页面的Banner;采用Adobe Photoshop CS5来制作页面的背景和各种图片。

4.网站功能

4.1 普通用户功能

普通用户可以浏览网站前台的所有内容,包括文明城市、青年榜样、评比体系、文明案例等栏目。可以查看最新新闻;可以在线留言;可以进行会员登录与注册;可以进行网站投票;可以浏览图片;可以联系网站管理员;可以收藏本网站地址。

4.2 管理员功能

网络管理员可以对新闻进行添加、浏览、修改和删除,可以及时有效地发布最新文明城市建设的新闻;可以对用户留言进行审核和回复以及对不健康留言的删除;可以对用户进行修改用户的资料或者删除经常发不健康内容的用户以及管理员自我信息的修改;可以上传最新的图片资料(添加的图片名在“青年文明城市网”文件夹下的images文件夹里),添加后可在首页“图片展示”的“更多”里看到该图片。

4.3 运行环境

本网站运行在网站可以在Windows XP、Windows 7操作系统上运行,数据库系统为Access。运行环境简单实用。

5.总体设计

本网站系统总体分为两部分,即前台管理子系统和后台管理子系统。其结构如图1所示。

图1 网站总体结构

图2 数据库内容

6.数据库设计

由于该网站需要完成后台管理和前台交互的功能,因此需要对数据库进行设计,考虑到实际的应用需求,需要设计管理员、新闻分类、留言、图片、投票、新闻、注册数据表。如图2所示。该数据库表有7个,管理员表(admin)、新闻分类表(bk)、留言表(ly)、图片表(pic)、投票表(vote)、新闻表(xw)、注册表(zc)。所建数据库如图2所示。

7.本网站详细设计

7.1 前台设计

前台是所有用户都可以看到的页面。大部分为静态的页面展示,只有新闻、留言、用户登录、注册、投票以及图片展示是动态设计。

所有子页面均采用统一模版,展现整体页面的一致性,增加网站整体的美感,保证好的用户体验。

前台设计包括首页设计;文明城市子页面设计;青年榜样子页面设计;评比体系子页面设计;文明案例子页面设计;最新新闻子页面设计;留言板子页面设计;用户注册与登录页面设计;查询新闻页面设计;网站投票页面设计。

首页是一个网站的整体形象,包括网站的LOGO、Banner、导航、用户登录、新闻搜索、网站投票、最新新闻、最新留言、图片展示、公告、热点关注等内容。

7.2 后台设计

网站后台只有系统管理员可以进入。后台的设计页面比较简单,易于操作。后台页面都是动态页面,都使用ASP+ Dreamweaver以及JavaScript语句。

后台设计包括登录页面设计;新闻管理页面设计;留言管理页面设计;用户管理页面设计;图片管理页面设计。

8.结论

将青年与全国文明城市建设紧紧联系在一起,对青年更有针对性,提高青年整体素质,使得青年肩上担负起将祖国建设得更加文明、美好的重任,唤起了青年的社会责任感。

在整个网站制作过程,我体会到了做任何研究都要有对科学严肃的态度,对治学严谨的精神,对工作精益求精的作风,对科学不懈追求的坚毅品质。我明白了一个好的网站要功能齐全,让用户尽可能地使用方便,考虑问题需要严谨有序。

在研究过程中我发现遇到困难并不可怕,只要积极地想办法去解决它,不放弃,坚持自己的梦想,就一定能够实现最终的成功。

猜你喜欢

前台文明城市后台
文明城市
文明城市
文明城市
Wu Fenghua:Yueju Opera Artist
庞鲜、周衍耀室内设计作品
公路电助力 从幕后走向前台
孟晚舟:从前台打杂到华为副总裁
后台暗恋
文明城市创建有哪些新要求
网站前台设计分包合同中应注意的问题