摘要：
基于ＡＳＰ．ＮＥＴ的响应式新闻发布系统的设计与实现□刘金承【内容摘要】“互联网＋”时代的新闻发布系统解决方案接受不确定性作为开发的核心原则，以用户体验为中心... 基于 ＡＳＰ．ＮＥＴ 的响应式新闻发布系统的设计与实现□刘金承【内容摘要】“互联网 ＋”时代的新闻发布系统解决方案接受不确定性作为开发的核心原则，以用户体验为中心，满足多端、多平台需求的设计理念为该新闻发布系统的设计与实现指明了方向。 该新闻发布系统从用户的实际需求情况出发，以 ＯＲＡＣＬＥ 为后台数据库，以 Ｃ＃为编程语言，以 ＶＳ２０１２ 为开发工具，采用 Ｂ／Ｓ 设计结构，设计并实现了响应式的某单位党员教育学习网站新闻发布系统。【关键词】响应式；ＯＲＡＣＬＥ 数据库；ＶＳ２０１２；新闻发布系统；Ｂ／Ｓ 模式；ＡＳＰ．ＮＥＴ【作者单位】刘金承，长春金融高等专科学校一、引言（一）开发背景。 随着计算机网络技术的日益提高，用户使用移动端如手机、平板等小屏幕移动设备上网已成为一种趋势。 面对如此之多的不同样式的终端设备，以及千差万别的各种屏幕的分辨率，网页设计的传统方法已经有些不够用了，而 ｗｅｂ 前段工程师们，又不可能为每一种终端设备专门设计一套网站的系统，所以，响应式的动态网站能够解决移动端用户日益增长的需求。 使用一个代码库就可以解决几乎所有浏览器以及设备的兼容问题，并且使维护以及管理员随时发布信息变得更加容易。
如何更清晰、流畅、低成本地在各种移动设备中及时获得信息，浏览图片、视频信息，成为用户对 ｗｅｂ 开发人员最基本诉求。 Ｗｅｂ 作为当今世界最前沿的产业“互联网 ＋”的核心载体，如今想要走进 ｗｅｂ 的世界，最好的方法便是放弃过去那一成不变的教条，才能构建出解决方案。（二）主要设计内容。 在 ＡＳＰ．ＮＥＴ 平台上，以 ｏｒａｃｌｅ 为后台数据库，采用 ＶＳ２０１２ 开发工具，以 Ｃ＃为编程语言，快速构建一个功能丰富，操作简单，简易有效的新闻发布系统。根据对某公司党员学习网站的需求进行分析，本系统主要包含部门管理、用户管理、新闻发布管理、视频发布管理、图片新闻发布管理、网站呈现等模块。 其中部门管理主要负责管理网站各个栏目；用户管理主要负责管理网站后台用户；新闻发布管理主要负责对实时新闻的发布以及删除；视频发布管理主要负责对视频进行上传以及删除；图片新闻发布管理主要负责发布以及删除图片新闻；网站呈现主要是前台显示模块。 在开发完稳定性、安全的新闻发布系统后，采用由ＹＯＯｔｈｅｍｅ 设计的 ＣＳＳ 前端框架 ＵIｋｉｔ 来快速创建响应式布局。二、系统结构和相关技术（一）系统结构。 目前，动态网站和新闻发布系统的开发过程中，主要有客户／服务器的系统结构（Ｃ／Ｓ 结构）和浏览器／服务结构（Ｂ／Ｓ 结构）。
我们采用的是 Ｂ／Ｓ 结构，Ｂ／Ｓ 结构也就是浏览器端和服务器端结构。 它是在 Iｎｔｅｒｎｅｔ 技术兴起同时，对 Ｃ／Ｓ 结构的一种变化或改进的结构。 在 Ｂ／Ｓ 结构，用户访问通过 ＷＷＷ 来实现，主要事务在服务器实现，一小部分事务在客户端实现。 客户端的负荷得到了减轻，系统维护和升级成本以及工作量也得以大大降低。（二）ＶＳ２０１２。 选用 Ｖｉｓｕａｌ Ｓｔｕｄｉｏ２０１２ 作为开发工具，Ｃ＃语言来进行系统的开发。 Ｖｉｓｕａｌ Ｓｔｕｄｉｏ２０１２ 包含了一系列高效、智能的开发工具，提供了很多全新的和强大的功能。 减少开发的复杂度。（三）ＯＲＡＣＬＥ 数据库。 Ｏｒａｃｌｅ 数据库有很多优点，包括多用户高性能事务处理；硬件环境独立；更好的安全性和完整的控制；支持分布式数据库和分布处理；具有可移植性、可兼容性和可连接性。（四）响应式设计技术。１．媒体查询（Mｅｄｉａ Ｑｕｅｒｉｅｓ）。 每个媒体查询［１］都有两个部分：开头是媒体类型，然后就是查询本身。 查询可分为功能名称和对应数值。２．流式布局。 流式布局［２］ 以百分比单位为主，与传统的固定布局以像素单位为主不同。３．Ｖｉｅｗｐｏｒｔ 标签［３］ 。
在计算机图形学中，称为视区，对浏览器来说。 称为显示 ＨＴMＬ 文件的窗口，在移动终端中为虚拟窗口。 当缩放和转向时改变的是“视觉”视区，可视效果是通过设备的边界定的。 在新版浏览器中可以通过 ｍｅｔａ ｖｉｅｗ-ｐｏｒｔ 标签来控制视觉视区。４．断点。 指的是通过划出一些边界来调整页面的布局用以适应变化的内容如设定分辨率“断点”。５．常见的开源 ＣＳＳ 前端框架。 在 ｇｉｔｈｕｂ 上人气前端框架有 Ｂｏｏｔｓｔｒａｐ 当今无可争议的老大 Ｂｏｏｔｓｔｒａｐ，第二大的Ｆｏｕｎｄａｔｉｏｎ ｂｙ ＺＵＲＢ，以及使用自然语言的原则的 ＳｅｍａｎｔｉｃＵI，还有由 Ｙａｈｏｏ 开发的 Ｐｕｒｅ 等等。 虽然本开发系统使用轻・ 0 7 ・万方数据
