• 解读习近平八一讲话:铭记辉煌历史 推进强军事业 2019-09-15
  • 贯彻落实习近平生态文明思想 为建设美丽新疆作出人大贡献 2019-09-15
  • 广西河池消防支队召开新兵第二阶段集训工作部署会 2019-08-22
  • [网连中国]赛龙舟 包粽子 办诗会……全国各地品民俗迎端午 2019-08-22
  • 中国资本市场开放出大招 跨境证券投资更便利 2019-08-21
  • 新生入学网上怎么报名 合肥教育局解答常见问题 2019-08-21
  • 国务院允许符合条件外国自然人投资境内上市公司 2019-08-20
  • 端午节 收艾草(组图) 2019-08-20
  • 正式进入商用时代 刷脸支付,这一次中国又领先了 2019-08-13
  • 广东摧毁两“呼死你”团伙 恶意呼叫超过12亿次 2019-08-13
  • 人家80年前就造航母,我们现在才造航母,基础不一样。 2019-08-13
  • 上海交通大学校长林忠钦:自信从容办好中国大学 2019-08-08
  • 邢台:迎端午祥龙起舞祈吉祥 2019-08-08
  • 网约车司机因接客时间起纠纷 持棒球棍殴打乘客 2019-08-08
  • 回复@“老笑头”,你的这种逻辑是你当年生sj病住院时向你同室的“病友”学来的吧!哈哈哈哈! 2019-08-02
  • 前端技术在网站制作领域中的应用

    日期:2019-07-28 16:36:58 作者:果冻 出自:辽宁快乐12直选走势图

    辽宁快乐12直选走势图 www.rfqk.net 由于Web技术日新月异,网站的前端也处在不断的变化之中,各种各样的网页趋于多元化,导致网页的制作难度在加大,已经逐渐地演变成了一门网页前端开发的独立技术。企业的网站如何提供给用户一个良好的体验。

    image.png

    前端开发的三种技术

    HTML

    HTML只是标准通用标记语言其中一个应用,它对标准通用语言来说具有规范性。浏览器网页的文本结构内容的显示是HTML提供的标记文本,是WEB编程的基础。浏览器显示网页是按照标记符一定的顺序和设置好的规则下出现内容。所以网站的建设第一步就是运用HTML建设布局合理的框架,而且要与当前的浏览器兼容。当然网页建设开发只利用HTML技术是不行的,这时的网页是不具备企业网站的可用性,还需要用到CSS语言进一步优化网页的可用性。

    CSS

    层叠样式(CSS)与HTML一样是一种样式语言,HTML是一种网页标准性样式语言,CSS是一种网页描述性样式语言。CSS可以把网页的数据和样式两种信息拆分而使得浏览器呈现网页的信息达到最强化,它可以提供多种文档的样式外观,为一些元素和文本进行改造,修改页面字体的颜色,增强了HTML中的重要内容标记。

    虽然说运用CSS和HTML两种技术制作出来的网页在外观和功能已经达到了可用性的要求,也可以满足用户对企业网页的浏览需求,但是还有两个问题需要注意。第一,CSS在如今互联网市场上的不同浏览器中或者同一个浏览器不同的版本中显示有很大的差别,因为浏览器的核心设计和对网页支持力度不同,有时候会有一些浏览器对网页的本质内容显示不出来,所以在编写CSS时候需要考虑各种浏览器的兼容性问题。第二,这时候的网页还处于静态,有浏览性但是不能交互数据,还需要用到JavaScript技术。

    JavaScript

    JavaScript简称JS,JavaScript作为一种语言,随着现代网络技术的进步,JS已经发展成为了一门全面且完善的直译式脚本语言。JavaScript的解释器已经作为各种浏览器的必须品,被人称为JavaScript引擎,主要是在用户端运用。之所以时候JavaScript已经发展的非常完善,是因为它在网页的开发和建设中应用非常广泛,可以处理各种复杂的计算问题,也有浏览器与Web服务器之间的交互功能,而且还可以是动态性的交互,它在服务端的作用也随着技术的发展逐渐显现出来了。

    JavaScript与HTML之间的交互可以达到页面行为与样式间的松散耦合效果,当浏览器有某种交互动作时,通过监听器的使用,绑定了特定元素的处理程序,这时候就会有触发后的相应处理函数来执行任务。

    image.png

    前后分离MVC模式的Web开发

    划分前后端

    视图层(V)是页面的搭建,显示各种数据,划分为前端;模型层(M)是存储各种数据和处理不同的业务逻辑,划分为后端。最关键是控制层的划分,因为这关系到前后耦合问题的处理??刂撇悖–)是具备转发和处理请求的功能,它是一个信息的调配处理器,解析客户端的请求内容并把此内容发送给某个服务端,服务端得到内容在模型层处理后,反馈内容给控制层,再由此给客户端发送正确的网页页面。虽然说控制层和模型层的交流比较简单,用来进行数据交互。从控制层的作用来看,它是数据的交互和调度地方,没有业务逻辑,所以把控制层划分到前端比较合理。

    实现前后分离

    大多数门户网站在构建中将Node.js作为中间层,利用Express开发企业网站。用户访问企业网站的门户时,服务端进行判定且响应。如果页面需要动态型的数据,Node会把用户id作为请求的参数发送给后端的接口,后端接受请求处理后以JSON的形式返还给Node层。数据传达到Node层后,运用函数回调渲染相应的页面,这些获取的数据会注入到EJS模板,将JSON数据转换成HTML,最终将文件显示在浏览器里,这时用户就可以看到。

    复用前后分离的数据

    前后分离模式的应用,它有一个优势就是后端的数据使用性非常强。举个例子,我们今天查询天气预报非常方便,不过天气预报的查询功能调用的是外部接口,用户发送请求某个城市的天气情况请求,前台获取请求参数,运用AJAX技术向Node层发出请求,由Node层发送二次请求给天气预报接口,然后天气预报接口响应请求参数处理后将响应的数据原路反馈给Node端,再转回前台页面,用户刷新一下就得到某个城市的天气预报。

    正式利用这种前后分离模式,使得天气预报的后端只注重天气数据的更新,而不需要再去关注页面的结构,前端只需要注重界面对用户的呈现,而不需要去更新数据,而且这种平台在任何网络连接到的地方都可以用到天气预报的数据,这就说明了可以复用前后分离数据。

    image.png

    总结

    在企业网站建设开发中采用前后端分离模式进行Web开发,这极大地简化了网站建设的复杂性,也使得前后端的耦合性弱化,网站建设增强了一些数据的重复利用性。

    前端技术在企业网站的建设和开发中,可以快捷有效地建设企业网站,在后期的维护和网站的扩展中更加简便,这提高了员工了的工作效率,增加了企业的整体效益。

    (编辑:果冻)



    上一篇:网站制作里分布式网站会遇到的典型问题 下一篇:希望会在帮助大家建站的过程中避免一些问题
    18585853123
    在线留言
  • 解读习近平八一讲话:铭记辉煌历史 推进强军事业 2019-09-15
  • 贯彻落实习近平生态文明思想 为建设美丽新疆作出人大贡献 2019-09-15
  • 广西河池消防支队召开新兵第二阶段集训工作部署会 2019-08-22
  • [网连中国]赛龙舟 包粽子 办诗会……全国各地品民俗迎端午 2019-08-22
  • 中国资本市场开放出大招 跨境证券投资更便利 2019-08-21
  • 新生入学网上怎么报名 合肥教育局解答常见问题 2019-08-21
  • 国务院允许符合条件外国自然人投资境内上市公司 2019-08-20
  • 端午节 收艾草(组图) 2019-08-20
  • 正式进入商用时代 刷脸支付,这一次中国又领先了 2019-08-13
  • 广东摧毁两“呼死你”团伙 恶意呼叫超过12亿次 2019-08-13
  • 人家80年前就造航母,我们现在才造航母,基础不一样。 2019-08-13
  • 上海交通大学校长林忠钦:自信从容办好中国大学 2019-08-08
  • 邢台:迎端午祥龙起舞祈吉祥 2019-08-08
  • 网约车司机因接客时间起纠纷 持棒球棍殴打乘客 2019-08-08
  • 回复@“老笑头”,你的这种逻辑是你当年生sj病住院时向你同室的“病友”学来的吧!哈哈哈哈! 2019-08-02
  • 广西快3技巧稳赚 彩票网站是骗局吗 广西快乐十分公式 极速快3哪个彩票有 快3走势图今天 安徽快3遗漏数据 22选5开奖结果黑龙江105 广东十一选五遗漏数据 单机斗牛牛安卓版 克罗地亚对英格兰 巴西国家队 温州福利彩票中心电话 新疆时时彩历史开奖走势图 湖北快3走势图下载 2019斯诺克大奖赛决赛时间