江淮乐地阜宁”网站建设
目录
一、引言 6
二、系统的规划及方案 6
（一）系统的主题介绍 6
（二）开发环境及技术介绍 6
1、Html+CSS技术介绍 6
2、JavaScript技术介绍 6
3、JQuery技术介绍 7
4、PhotoShop软件介绍 7
（四）网站首页面的框架图分析 8
三、主要设计页面 10
（一）首页设计 10
1、首页效果图 10
2、LOGO 11
3、导航 12
4、在线咨询 12
5、新闻时况 13
6、Banner 13
7、登录注册 14
（二） 新闻时况页面设计 14
（三） 热门景点页面设计 15
（四）地方特产页面设计 16
（五）其他页面设计 17
四、数据库表格设计 18
1、 新闻表 18
2、 订单详情表 18
3、 订单信息表 18
4、产品信息表 19
5、 用户信息表 19
五、后台功能实现 19
（一）系统开发平台及工具 20
1、系统服务器端: 20
2、系统客户端 20
3、系统主要开发工具: 20
4、主要开发技术: 20
(二） 功能模块 20
1、后台主页 20
2、新闻管理功能 20
3、用户管理功能 23
4、购物订单功能 26
5、订单管理功能 27
6、商品管理功能 29
个人总结 32
致谢 33
参考文献 34
一、引言
在这个信息化的时代，网络已经成为人们获取信息的重要渠道，阜宁是一个历史悠久的县份，史载阜宁“阜明水秀，乡坊稠密，土地肥饶，民灶辐辏”，素有“江淮乐地”之称。本课题基于“旅游”和“购物”的二大方面进行的网站建设，主要是为了给每个浏览此网站的用户提供了一
*好棒文|www.hbsrm.com +Q: ￥3^5`1^9`1^6^0`7^2$
6、商品管理功能 29
个人总结 32
致谢 33
参考文献 34
一、引言
在这个信息化的时代，网络已经成为人们获取信息的重要渠道，阜宁是一个历史悠久的县份，史载阜宁“阜明水秀，乡坊稠密，土地肥饶，民灶辐辏”，素有“江淮乐地”之称。本课题基于“旅游”和“购物”的二大方面进行的网站建设，主要是为了给每个浏览此网站的用户提供了一个便捷的平台进而了解这里。结合以往的一些类似的网站进行全新的设计让用户能得到更好的视觉体验。
据调查，现在的网络上没有一个完整的网站是用来介绍阜宁的，有的也就是一些各个方面的并没有完全统一的，本网站将这些方方面面的要素完整的结合在一起，让更多的人来了解，了解阜宁的特色文化。
二、系统的规划及方案
（一）系统的主题介绍
本课题主要围绕阜宁的旅游方面及文化传播方面的主题展开，宣传和介绍这里的风景及文化遗产。让更多的人了解到阜宁。
（二）开发环境及技术介绍
1、Html+CSS技术介绍
定义：Html+CSS是一种制作网页常用的布局方法，这一种布局方法不同于那些传统的网页设计语言中的Table定位方法。
Html（Hypertext Marked Language）是超文本标识语言，是用来制作超文本文档的一种标记语言。超文本的含义也就是在制作的时候可以加入一些图片、声音、FLASH和视频等内容，但最终也只是一种静态的网页文件。Html+CSS布局已经替代了以前那些很多旧的布局方法，对于现在的IT来说，掌握这一门技术已经是必不可少的了。
在本次设计过程中整体系统的框架就是由此语言进行编写，开始是由HTML语言将内容放进去写上标签进行布局，CSS则为其进行写样式实现网页的美观。
优势：书写代码完整且规范、页面下载速度极快、样式定位极其方便、搜索引擎得到了全面的优化。
2、JavaScript技术介绍
JavaScript是由名为Netscape公司开发的一种脚本语言。JavaScript这款脚本语言的出现让用户与网页两者之间出现了一种能够实时的、动态的和交互的关系，让网页包含了很多的活跃的元素和许多丰富多彩的内容。之后出现了一种新型的基于JavaScript的WEB一种更为强大的技术--Ajax（Asynchronous JavaScript And XML,异步的JavaScript和XML）诞生了。如今，浩瀚的互联网中基于JavaScript的应用越来越多，JavaScript不再是一种仅仅用于制作Web页面的简单脚本。现在通过此语言编写动态效果使得页面实现互动的效果，让用户在视觉的体验上得到了非常大的提高。
在本次设计中，运用到此语言的有很多，简单介绍其中一个。则是首页里面的广告图切换，里面实现的效果是通过点击左边的文字进行图片的切换，也可无需手动，其广告效果也会随时间的变化而进行变换着图片。
3、JQuery技术介绍
JQuery是继Prototype对象之后又一个非常优秀的JS库，JQuery凭借着它那简洁易懂的语法和跨越平台的强大兼容性，使得那些JavaScript开发人员在对于网页的一些操作的时候节省了很多的时间。
本设计中利用到此语言的也有很多，最显要的则是新闻页面的效果，此效果的互动效果非常明显，看上去美观而且大方，平常的新闻页面一般只是简单的一些样式进行修饰，普普通通，所以我想换个思路换个样式，让用户看起来耳目一新的感觉。
总体来说，JQuery有以下几个优势:轻量级、强大的选择器、出色的DOM操作的封装、可靠的事件处理机制、完善的Ajax、不污染顶级变量、出色的浏览器兼容性、链式操作方式、隐式迭代、行业层与结构层的分离、丰富的插件支持、完善的文档和开源。
4、PhotoShop软件介绍
PhotoShop平时人们称其为“PS”，其作用一般是用来处理一些图片的软件，通过此软件对图片进行一些处理得到你自己想到的实现的效果。在完成网页的时候，需要网页设计师利用此软件对网页进行页面的设计，再由前端程序师对网页的PSD进行切图并做面网页的形态呈现在用户的页面。
一、引言 6
二、系统的规划及方案 6
（一）系统的主题介绍 6
（二）开发环境及技术介绍 6
1、Html+CSS技术介绍 6
2、JavaScript技术介绍 6
3、JQuery技术介绍 7
4、PhotoShop软件介绍 7
（四）网站首页面的框架图分析 8
三、主要设计页面 10
（一）首页设计 10
1、首页效果图 10
2、LOGO 11
3、导航 12
4、在线咨询 12
5、新闻时况 13
6、Banner 13
7、登录注册 14
（二） 新闻时况页面设计 14
（三） 热门景点页面设计 15
（四）地方特产页面设计 16
（五）其他页面设计 17
四、数据库表格设计 18
1、 新闻表 18
2、 订单详情表 18
3、 订单信息表 18
4、产品信息表 19
5、 用户信息表 19
五、后台功能实现 19
（一）系统开发平台及工具 20
1、系统服务器端: 20
2、系统客户端 20
3、系统主要开发工具: 20
4、主要开发技术: 20
(二） 功能模块 20
1、后台主页 20
2、新闻管理功能 20
3、用户管理功能 23
4、购物订单功能 26
5、订单管理功能 27
6、商品管理功能 29
个人总结 32
致谢 33
参考文献 34
一、引言
在这个信息化的时代，网络已经成为人们获取信息的重要渠道，阜宁是一个历史悠久的县份，史载阜宁“阜明水秀，乡坊稠密，土地肥饶，民灶辐辏”，素有“江淮乐地”之称。本课题基于“旅游”和“购物”的二大方面进行的网站建设，主要是为了给每个浏览此网站的用户提供了一
*好棒文|www.hbsrm.com +Q: ￥3^5`1^9`1^6^0`7^2$
6、商品管理功能 29
个人总结 32
致谢 33
参考文献 34
一、引言
在这个信息化的时代，网络已经成为人们获取信息的重要渠道，阜宁是一个历史悠久的县份，史载阜宁“阜明水秀，乡坊稠密，土地肥饶，民灶辐辏”，素有“江淮乐地”之称。本课题基于“旅游”和“购物”的二大方面进行的网站建设，主要是为了给每个浏览此网站的用户提供了一个便捷的平台进而了解这里。结合以往的一些类似的网站进行全新的设计让用户能得到更好的视觉体验。
据调查，现在的网络上没有一个完整的网站是用来介绍阜宁的，有的也就是一些各个方面的并没有完全统一的，本网站将这些方方面面的要素完整的结合在一起，让更多的人来了解，了解阜宁的特色文化。
二、系统的规划及方案
（一）系统的主题介绍
本课题主要围绕阜宁的旅游方面及文化传播方面的主题展开，宣传和介绍这里的风景及文化遗产。让更多的人了解到阜宁。
（二）开发环境及技术介绍
1、Html+CSS技术介绍
定义：Html+CSS是一种制作网页常用的布局方法，这一种布局方法不同于那些传统的网页设计语言中的Table定位方法。
Html（Hypertext Marked Language）是超文本标识语言，是用来制作超文本文档的一种标记语言。超文本的含义也就是在制作的时候可以加入一些图片、声音、FLASH和视频等内容，但最终也只是一种静态的网页文件。Html+CSS布局已经替代了以前那些很多旧的布局方法，对于现在的IT来说，掌握这一门技术已经是必不可少的了。
在本次设计过程中整体系统的框架就是由此语言进行编写，开始是由HTML语言将内容放进去写上标签进行布局，CSS则为其进行写样式实现网页的美观。
优势：书写代码完整且规范、页面下载速度极快、样式定位极其方便、搜索引擎得到了全面的优化。
2、JavaScript技术介绍
JavaScript是由名为Netscape公司开发的一种脚本语言。JavaScript这款脚本语言的出现让用户与网页两者之间出现了一种能够实时的、动态的和交互的关系，让网页包含了很多的活跃的元素和许多丰富多彩的内容。之后出现了一种新型的基于JavaScript的WEB一种更为强大的技术--Ajax（Asynchronous JavaScript And XML,异步的JavaScript和XML）诞生了。如今，浩瀚的互联网中基于JavaScript的应用越来越多，JavaScript不再是一种仅仅用于制作Web页面的简单脚本。现在通过此语言编写动态效果使得页面实现互动的效果，让用户在视觉的体验上得到了非常大的提高。
在本次设计中，运用到此语言的有很多，简单介绍其中一个。则是首页里面的广告图切换，里面实现的效果是通过点击左边的文字进行图片的切换，也可无需手动，其广告效果也会随时间的变化而进行变换着图片。
3、JQuery技术介绍
JQuery是继Prototype对象之后又一个非常优秀的JS库，JQuery凭借着它那简洁易懂的语法和跨越平台的强大兼容性，使得那些JavaScript开发人员在对于网页的一些操作的时候节省了很多的时间。
本设计中利用到此语言的也有很多，最显要的则是新闻页面的效果，此效果的互动效果非常明显，看上去美观而且大方，平常的新闻页面一般只是简单的一些样式进行修饰，普普通通，所以我想换个思路换个样式，让用户看起来耳目一新的感觉。
总体来说，JQuery有以下几个优势:轻量级、强大的选择器、出色的DOM操作的封装、可靠的事件处理机制、完善的Ajax、不污染顶级变量、出色的浏览器兼容性、链式操作方式、隐式迭代、行业层与结构层的分离、丰富的插件支持、完善的文档和开源。
4、PhotoShop软件介绍
PhotoShop平时人们称其为“PS”，其作用一般是用来处理一些图片的软件，通过此软件对图片进行一些处理得到你自己想到的实现的效果。在完成网页的时候，需要网页设计师利用此软件对网页进行页面的设计，再由前端程序师对网页的PSD进行切图并做面网页的形态呈现在用户的页面。
版权保护: 本文由 hbsrm.com编辑，转载请保留链接: www.hbsrm.com/jsj/jsjkxyjs/2480.html
