响应式的正源建信公司网站建设
目 录
目录
一、引言 1
（一）开发背景 1
（二）技术支持 1
（三）软件及技术详解 1
1.Visual Studio 2010 1
2.SQL Server 2008 1
3.JavaScript 1
4.jQuery 2
二、需求分析 2
(一)基于响应式的正源建信公司网站建设简介 2
(二)功能需求 2
1．前台功能模块 2
2．后台功能模块 2
三、系统开发环境、运行环境及开发技术 3
（一）开发环境的介绍 3
（二）数据库设计 3
1．数据库的需求分析 3
2．数据库的逻辑结构设计 3
四、网站结构设计 6
(一) 前台结构示意图 6
(二) 后台结构 6
(三) 权限分配结构图 7
五、网站主体功能实现介绍 9
(一)用户登录注册模块 9
(二)留言板模块 12
(三)后台管理模块 14
1．后台登录 14
2．后台动态菜单加载 17
3．数据添加 18
4．数据删除 19
5．数据修改 20
6．数据查询 21
(四)布局响应式实现 22
六、项目结构及具体功能实现详解 23
(一)本课题开发结构 23
(二)具体功能的实现详解 25
1. 电厂去工业化 25
2. 新闻页面 26
3. 首页视频播放及歌词显示 28
4. 电厂去工业化模块字体放大缩小 29
5.视频上传 31
6.图片删除 31
7. 视频上传 32
8. 删除预删除数据 33
9. 读取预删除数据 34
总结 36
致谢 37
参考文献 38
一、引言
（一）开发背景
及歌词显示 28
4. 电厂去工业化模块字体放大缩小 29
5.视频上传 31
6.图片删除 31
7. 视频上传 32
8. 删除预删除数据 33
9. 读取预删除数据 34
总结 36
致谢 37
参考文献 38
一、引言
（一）开发背景
在这个信息时代，越来越多的事会借助于网络，建筑、家装也是一样，正源建信是一家致力于橡胶地板与智能涂料销售与装潢的公司。在网络在浪潮下公司察觉到了网络的力量以及网络可能带来的效益，因此公司决定自己制作一个网站，而本网站的前台部分是由我一个人完成的，所以就以公司的项目网站作为本次的毕业设计项目。
（二）技术支持
本课题由于是企业网站所以内容较多，因此用到的技术点也相对多了些，在开发过程中前台技术主要运用了HTML+CSS、JavaScript、jQuery、Ajax、Json，响应式布局等，后台技术运用了C#语言、.net平台的开发及C#类库的使用。
（三）软件及技术详解
1.Visual Studio 2010
Visual Studio是微软公司推出的集合开发环境，是目前最流行的Windows平台应用程序开发环境之一。Visual Studio 2010版本于2010年4月12日上市，它的集成开发环境（IDE）界面被重新设计和组织，这使得它更加简单易使用。同时Visual Studio 2010带来了 NET Framework 4.0、Microsoft Visual Studio 2010 CTP(Community Technology Preview--CTP),并且支持开发面向Windows7的应用程序，此外它还支持Microsoft SQL Server、IBM DB2及Oracle数据库。
2.SQL Server 2008
SQL Server 2008是一款数据库管理软件，它在Microsoft的数据平台上被发布。
它可以将结构化、半结构化和非结构化文档的数据直接存储到数据库中，并可以对数据进行查询、搜索、同步、报告和分析等操作。
SQL Server 2008允许使用Microsoft .NET和Visual Studio 开发的自定义程序中使用数据，在面向服务的架构和通过Microsoft BizTalk Server 进行的业务流程中使用数据。信息工作人员可以通过日常使用的工具直接访问数据。
3.JavaScript
JavaScript,是一种脚本语言，其源代码在发入客户端之前需要进行编译，而是将文本格式的字符代码发送给浏览器由浏览器进行解释并运行。它最初是由风景公司的布兰登艾克设计，不同于服务器脚本语言，例如PHP与ASP,JavaScript被作为客户端脚本不需要服务器的支持，所以早期程序员大都喜欢用JavaScript以减少对服务器的负担，但是同时也带来了一系列的问题，比如安全。随着服务器的不断强大，虽然现在的程序员更喜欢使用运行于服务端的脚本以确保安全，但是因为JavaScript的跨平台特性及简单易上手的特点被广泛使用。
4.jQuery
jQuery是开源软件，使用MIT许可证授权，由约翰雷西格（John Resig）在2006年1月的BarCamp NYC上发布第一个版本。目前由Dave Methvin领导的开发团队进行开发。全球前10，000个访问最高的网站中，有65%的网站使用了jQuery,是目前最受欢迎的JavaScript库。它的语法设计相比于JavaScript更加简单，模块化的方式使jQuery函数库能创建出功能强大的动态网页及网络应用程序。
5.响应式布局
响应式布局是一项新兴的网站开发技术，它是由Ethan Marcotte在2010年5月提出的一个网页设计概念。
响应式是一个能让网站兼容多种不同终端而不需要单独为每种终端设计制作一个版本，响应式布局可以为不同终端用户提供舒适的界面和体验，而且随着移动终端的普及，响应式布局的优势越来越能体现出来，所以说响
目录
一、引言 1
（一）开发背景 1
（二）技术支持 1
（三）软件及技术详解 1
1.Visual Studio 2010 1
2.SQL Server 2008 1
3.JavaScript 1
4.jQuery 2
二、需求分析 2
(一)基于响应式的正源建信公司网站建设简介 2
(二)功能需求 2
1．前台功能模块 2
2．后台功能模块 2
三、系统开发环境、运行环境及开发技术 3
（一）开发环境的介绍 3
（二）数据库设计 3
1．数据库的需求分析 3
2．数据库的逻辑结构设计 3
四、网站结构设计 6
(一) 前台结构示意图 6
(二) 后台结构 6
(三) 权限分配结构图 7
五、网站主体功能实现介绍 9
(一)用户登录注册模块 9
(二)留言板模块 12
(三)后台管理模块 14
1．后台登录 14
2．后台动态菜单加载 17
3．数据添加 18
4．数据删除 19
5．数据修改 20
6．数据查询 21
(四)布局响应式实现 22
六、项目结构及具体功能实现详解 23
(一)本课题开发结构 23
(二)具体功能的实现详解 25
1. 电厂去工业化 25
2. 新闻页面 26
3. 首页视频播放及歌词显示 28
4. 电厂去工业化模块字体放大缩小 29
5.视频上传 31
6.图片删除 31
7. 视频上传 32
8. 删除预删除数据 33
9. 读取预删除数据 34
总结 36
致谢 37
参考文献 38
一、引言
（一）开发背景
及歌词显示 28
4. 电厂去工业化模块字体放大缩小 29
5.视频上传 31
6.图片删除 31
7. 视频上传 32
8. 删除预删除数据 33
9. 读取预删除数据 34
总结 36
致谢 37
参考文献 38
一、引言
（一）开发背景
在这个信息时代，越来越多的事会借助于网络，建筑、家装也是一样，正源建信是一家致力于橡胶地板与智能涂料销售与装潢的公司。在网络在浪潮下公司察觉到了网络的力量以及网络可能带来的效益，因此公司决定自己制作一个网站，而本网站的前台部分是由我一个人完成的，所以就以公司的项目网站作为本次的毕业设计项目。
（二）技术支持
本课题由于是企业网站所以内容较多，因此用到的技术点也相对多了些，在开发过程中前台技术主要运用了HTML+CSS、JavaScript、jQuery、Ajax、Json，响应式布局等，后台技术运用了C#语言、.net平台的开发及C#类库的使用。
（三）软件及技术详解
1.Visual Studio 2010
Visual Studio是微软公司推出的集合开发环境，是目前最流行的Windows平台应用程序开发环境之一。Visual Studio 2010版本于2010年4月12日上市，它的集成开发环境（IDE）界面被重新设计和组织，这使得它更加简单易使用。同时Visual Studio 2010带来了 NET Framework 4.0、Microsoft Visual Studio 2010 CTP(Community Technology Preview--CTP),并且支持开发面向Windows7的应用程序，此外它还支持Microsoft SQL Server、IBM DB2及Oracle数据库。
2.SQL Server 2008
SQL Server 2008是一款数据库管理软件，它在Microsoft的数据平台上被发布。
它可以将结构化、半结构化和非结构化文档的数据直接存储到数据库中，并可以对数据进行查询、搜索、同步、报告和分析等操作。
SQL Server 2008允许使用Microsoft .NET和Visual Studio 开发的自定义程序中使用数据，在面向服务的架构和通过Microsoft BizTalk Server 进行的业务流程中使用数据。信息工作人员可以通过日常使用的工具直接访问数据。
3.JavaScript
JavaScript,是一种脚本语言，其源代码在发入客户端之前需要进行编译，而是将文本格式的字符代码发送给浏览器由浏览器进行解释并运行。它最初是由风景公司的布兰登艾克设计，不同于服务器脚本语言，例如PHP与ASP,JavaScript被作为客户端脚本不需要服务器的支持，所以早期程序员大都喜欢用JavaScript以减少对服务器的负担，但是同时也带来了一系列的问题，比如安全。随着服务器的不断强大，虽然现在的程序员更喜欢使用运行于服务端的脚本以确保安全，但是因为JavaScript的跨平台特性及简单易上手的特点被广泛使用。
4.jQuery
jQuery是开源软件，使用MIT许可证授权，由约翰雷西格（John Resig）在2006年1月的BarCamp NYC上发布第一个版本。目前由Dave Methvin领导的开发团队进行开发。全球前10，000个访问最高的网站中，有65%的网站使用了jQuery,是目前最受欢迎的JavaScript库。它的语法设计相比于JavaScript更加简单，模块化的方式使jQuery函数库能创建出功能强大的动态网页及网络应用程序。
5.响应式布局
响应式布局是一项新兴的网站开发技术，它是由Ethan Marcotte在2010年5月提出的一个网页设计概念。
响应式是一个能让网站兼容多种不同终端而不需要单独为每种终端设计制作一个版本，响应式布局可以为不同终端用户提供舒适的界面和体验，而且随着移动终端的普及，响应式布局的优势越来越能体现出来，所以说响
版权保护: 本文由 hbsrm.com编辑，转载请保留链接: www.hbsrm.com/jsj/jsjkxyjs/2548.html
