曜俪家纺有限公司”网站实现
【摘 要】苏州曜俪家纺有限公司是苏州市一家主营纺织品的公司，本网站主要展示企业的各个方面，主要有公司简介，新闻咨询，产品中心，人才招聘，在线留言，联系我们六大模块。本网站对于公司的宣传有着至关重要的地位，能够让网民多方面，全方位了解本公司，对本公司的发展极为有利。本课题主要针对于苏州曜俪家纺有限公司做的一个企业网站，主要展示出企业的简介，产品，新闻等等，后台程序运用php语言搭建，前台主要由html+css写出前端代码，配合jquery制作网页的特殊效果。
目 录
一、引言 5
（一）开发背景 5
（二）选题内容 5
1.课题的总体介绍 5
2.指导思想及技术路线 5
（三）软件及技术介绍 5
二、系统设计 5
（一）系统前台设计 5
1.前台功能模块设计 5
2.前台布局设计 6
（二）系统后台设计 7
1.后台功能模块设计 7
2.后台框架设计 7
（三）数据库设计 7
1.数据库概念设计 7
2.数据库逻辑设计 8
三、前台系统实现 9
（一）前台数据库连接工作 9
（二）网站首页界面及功能实现 10
（三）单页面及功能实现 11
（四）新闻资讯列表页及功能实现 12
（五）产品中心列表页及功能实现 12
（六）在线留言页及功能实现 13
四、后台管理系统实现 14
（一）后台管理登录界面及功能实现 14
（二）后台管理用户界面及功能实现 14
（三）后台管理信息界面及功能实现 14
1.单页面管理 15
2.新闻资讯管理功能 15
3.产品中心管理功能 15
（四）后台管理留言界面及功能实现 15
（五）添加功能 16
（六）修改功能 16
（七）删除功能 17
（八）分页功能 17
总 结 19
谢 辞 20
*好棒文|www.hbsrm.com +Q: ^351916072*
参考文献 21
一、引言
（一）开发背景
本课题主要针对于苏州曜俪家纺有限公司做的一个企业网站，主要展示出企业的简介，产品，新闻等等，后台程序运用php语言搭建，前台主要由html+css写出前端代码，配合jquery制作网页的特殊效果。
（二）选题内容
1.课题的总体介绍
本网站主要介绍苏州曜俪家纺有限公司，展示企业的各个方面，主要有公司简介，新闻资讯，产品中心，人才招聘，在线留言，联系我们六大模块。
2.指导思想及技术路线
苏州曜俪家纺有限公司网站主要使用html和css进行前台代码的搭建，运用php语言来调用数据库数据，使用JQuery制作前端的一些特殊效果，后台则使用php语言搭建。
管理员可从后台修改前台显示的信息，比如公司简介，新闻，产品等等，游客可以再留言板页面进行留言。
（三）软件及技术介绍
网站中的图片处理主要用的是ADOBE PHOTOSHOP，是目前最强大的图像处理软件之一。编辑代码的工具软件为ADOBE DREAMWEAVER，这是一种视觉化网页开发工具。前台与后台的界面搭建主要使用了HTML和CSS，使用HTML进行网页的框架搭建，使用CSS进行对网页的美化。为了使用户体验的更好，在个别地方使用了JQUERY特效，这样才会使网页更加生动。
二、系统设计
（一）系统前台设计
1.前台功能模块设计
根据前面的需求分析以及系统功能的分析，可用以下图形来描述系统部分模块。具体模块如下：网站首页，公司简介，新闻资讯，产品中心，人才招聘，在线留言，联系我们。
功能结构图如图21所示。
图21 苏州曜俪家纺有限公司网站前台功能结构图
2.前台布局设计
前台的框架布局主要运用html+css搭建，使用jQuery和JavaScript进行特效的制作，界面简洁，简单易理解。
首页布局图如图22所示。
图22 首页布局图
单页面和列表页布局图如图23所示。
图23 单页面和列表页布局图
（二）系统后台设计
1.后台功能模块设计
苏州曜俪家纺有限公司网站的管理系统主要使用php语言搭建，主要分为用户，关于我们，新闻资讯，产品中心，人才招聘，在线留言，联系我们，大图切换几个功能模块。其功能模块结构如图24所示。
图24 网站后台管理系统功能模块结构
2.后台框架设计
后台管理平台主要使用了include_once函数进行对各个文件的引用，将多个页面组合成一个页面，操作简单易行。后台管理平台的功能是管理员对前台的新闻，留言进行及时的修改或删除，对用户的管理等等。具体效果图如图25所示。
图25 网站后台框架结构图
（三）数据库设计
1.数据库概念设计
数据库概念设计主要是明确各种实体，以及它们之间的关系，为逻辑模型设计打下基础。本网站所规划的实体有：管理员实体、用户实体、信息实体。其ER图如图412所示。
2.数据库逻辑设计
（1）关于我们数据表。具体如表21所示。
表21 关于我们数据表
列名
数据类型
允许空
是否主键
说明
id
int
否
是
编号
title
varchar
否
否
标题
smalltext
varchar
否
否
简介
newstext
varchar
否
否
正文
newstime
datetime
否
否
日期
（2）联系我们数据表。具体如表22所示。
表22 联系我们数据表
列名
数据类型
允许空
是否主键
说明
id
目 录
一、引言 5
（一）开发背景 5
（二）选题内容 5
1.课题的总体介绍 5
2.指导思想及技术路线 5
（三）软件及技术介绍 5
二、系统设计 5
（一）系统前台设计 5
1.前台功能模块设计 5
2.前台布局设计 6
（二）系统后台设计 7
1.后台功能模块设计 7
2.后台框架设计 7
（三）数据库设计 7
1.数据库概念设计 7
2.数据库逻辑设计 8
三、前台系统实现 9
（一）前台数据库连接工作 9
（二）网站首页界面及功能实现 10
（三）单页面及功能实现 11
（四）新闻资讯列表页及功能实现 12
（五）产品中心列表页及功能实现 12
（六）在线留言页及功能实现 13
四、后台管理系统实现 14
（一）后台管理登录界面及功能实现 14
（二）后台管理用户界面及功能实现 14
（三）后台管理信息界面及功能实现 14
1.单页面管理 15
2.新闻资讯管理功能 15
3.产品中心管理功能 15
（四）后台管理留言界面及功能实现 15
（五）添加功能 16
（六）修改功能 16
（七）删除功能 17
（八）分页功能 17
总 结 19
谢 辞 20
*好棒文|www.hbsrm.com +Q: ^351916072*
参考文献 21
一、引言
（一）开发背景
本课题主要针对于苏州曜俪家纺有限公司做的一个企业网站，主要展示出企业的简介，产品，新闻等等，后台程序运用php语言搭建，前台主要由html+css写出前端代码，配合jquery制作网页的特殊效果。
（二）选题内容
1.课题的总体介绍
本网站主要介绍苏州曜俪家纺有限公司，展示企业的各个方面，主要有公司简介，新闻资讯，产品中心，人才招聘，在线留言，联系我们六大模块。
2.指导思想及技术路线
苏州曜俪家纺有限公司网站主要使用html和css进行前台代码的搭建，运用php语言来调用数据库数据，使用JQuery制作前端的一些特殊效果，后台则使用php语言搭建。
管理员可从后台修改前台显示的信息，比如公司简介，新闻，产品等等，游客可以再留言板页面进行留言。
（三）软件及技术介绍
网站中的图片处理主要用的是ADOBE PHOTOSHOP，是目前最强大的图像处理软件之一。编辑代码的工具软件为ADOBE DREAMWEAVER，这是一种视觉化网页开发工具。前台与后台的界面搭建主要使用了HTML和CSS，使用HTML进行网页的框架搭建，使用CSS进行对网页的美化。为了使用户体验的更好，在个别地方使用了JQUERY特效，这样才会使网页更加生动。
二、系统设计
（一）系统前台设计
1.前台功能模块设计
根据前面的需求分析以及系统功能的分析，可用以下图形来描述系统部分模块。具体模块如下：网站首页，公司简介，新闻资讯，产品中心，人才招聘，在线留言，联系我们。
功能结构图如图21所示。
图21 苏州曜俪家纺有限公司网站前台功能结构图
2.前台布局设计
前台的框架布局主要运用html+css搭建，使用jQuery和JavaScript进行特效的制作，界面简洁，简单易理解。
首页布局图如图22所示。
图22 首页布局图
单页面和列表页布局图如图23所示。
图23 单页面和列表页布局图
（二）系统后台设计
1.后台功能模块设计
苏州曜俪家纺有限公司网站的管理系统主要使用php语言搭建，主要分为用户，关于我们，新闻资讯，产品中心，人才招聘，在线留言，联系我们，大图切换几个功能模块。其功能模块结构如图24所示。
图24 网站后台管理系统功能模块结构
2.后台框架设计
后台管理平台主要使用了include_once函数进行对各个文件的引用，将多个页面组合成一个页面，操作简单易行。后台管理平台的功能是管理员对前台的新闻，留言进行及时的修改或删除，对用户的管理等等。具体效果图如图25所示。
图25 网站后台框架结构图
（三）数据库设计
1.数据库概念设计
数据库概念设计主要是明确各种实体，以及它们之间的关系，为逻辑模型设计打下基础。本网站所规划的实体有：管理员实体、用户实体、信息实体。其ER图如图412所示。
2.数据库逻辑设计
（1）关于我们数据表。具体如表21所示。
表21 关于我们数据表
列名
数据类型
允许空
是否主键
说明
id
int
否
是
编号
title
varchar
否
否
标题
smalltext
varchar
否
否
简介
newstext
varchar
否
否
正文
newstime
datetime
否
否
日期
（2）联系我们数据表。具体如表22所示。
表22 联系我们数据表
列名
数据类型
允许空
是否主键
说明
id
版权保护: 本文由 hbsrm.com编辑，转载请保留链接: www.hbsrm.com/jsj/rjgc/1355.html
