精华内容
下载资源
问答
  • 后端刷新和前端刷新页面的过程

    千次阅读 2018-10-16 21:05:47
    后端刷新和前端刷新 后端刷新的实现是通过模板加数据的方式实现的 前端刷新的实现是通过jQuery和Ajax+动态加载+HTML、CSS的方式实现的 不管是后端刷新还是前端刷新 他们都是需要通过HTTP或者HTTPS通信协议这种协议...

    加粗样式对于服务器开发工程师来说,前段页面的刷新分 :
    后端刷新前端刷新
    后端刷新的实现是通过模板加数据的方式实现的
    前端刷新的实现是通过jQuery和Ajax+动态加载+HTML、CSS的方式实现的

    不管是后端刷新还是前端刷新
    他们都是需要通过HTTP或者HTTPS通信协议这种协议实现数据通信
    使用请求和响应完成一次Web通信的过程
    1 后端刷新页面的流程
    1.1 实现服务器的API接口文档
    1.2 使用Flask 实现web 服务器应用程序的构建
    1.3 实现前端请求的UrL,声明对应Route路由,一般情况下一个URL对应一个路由
    1.4 实现对应路由的视图函数,每个视图函数都需要对应一个视图(模板)
    在这个视图函数中进行数据+模板的方式进行服务器的响应
    1.5 实现对应的模板,模板是通过jinja2 第三方插件的方式,使用模板语法来实现数据的动态显示

    2 前端刷新页面的流程
    2.1、实现服务器的API接口文档
    2.2、使用Flask 实现Web服务器应用程序的构建
    2.3、利用jQuery中的ajax实现前端请求的url(ajax下的url),一般情况下,一个URL对应一个路由
    2.4、实现对应路由的视图函数,利用json把得到的数据响应给浏览器,利用ajax进行接收响应,
    接收到的数据放在ajax下的success中。
    2.5、使用jQuery找到放置数据的标签容器,在容器里动态生成标签,放置数据,来实现数据的动态显示

    展开全文
  • 只需在后台使用java写好了类和对象,并设置好相关的属性,网页的元素是自动通过后台对象生成的。这当然有好处,妈妈再也不用担心我不会写js和css了。然而就学一下html/css/js真的那么难吗?个人认为,尽管GWT有...

    640

    作者:图书馆煮饭少年

    地址:http://www.360doc.com/content/16/0527/21/26662048_562854438.shtml


    几年前,还是痴迷java的那会儿,我也曾纠结于前端框架的选择。试图找出一套一劳永逸的前端框架继承到项目架构中。搜遍全网得出以下结论:

    各大前端框架可以按照“封装度”的标准来区分。

    设计刚出的一套网页皮肤,封装度为0。层层封装到可以直接用后台语言写页面,封装度为10。那么我是这样来区分前端框架的。

    1级——纯html+css


    放5年前,基本就是用Dreamweaver刚排出来的页面或者网页查看源代码扒下来的皮肤。不涉及到js,就是纯页面皮肤。
    --------------------------------
    2级—— bootstrap系列
    bootstrap的出现是一个里程碑事件。发源于twitter,引入了不少html5/css3的特性。由于它对响应式的支持以及良好的体验,给人一种耳目一新的感觉。其源码,不管是css还是js都值得学习一下,看后经常会有“原来还可以这样做”这种恍然大悟的感觉。不过归根结底是一套ui皮肤+少量js组成的框架,属于封装度偏低的框架。经典页面大概是这样:
    640
    --------------------------------
    3~4级—— metronic/adminLTE系列
    基于bootstrap或者其他1级框架,然后集成了各种jQuery插件、富文本编辑器等js库,组成的一个大杂烩工具包和案例库。皮肤基本是基于bootstrap自定义的一套主题。案例比较详尽,开发的时候找到需要的组件把前端代码复制粘贴,再稍微调试一下就能达到良好的视觉效果。根据集成的第三方库的多少,基本可以划分到3~4级封装度这样的范围。这个级别的框架的代码更多的是属于粘合剂,将各种不同的第三方库的前端代码粘合起来。经典页面大概是这样:
    640
    --------------------------------
    5级—— jQuery-ui
    这里要单独把jQuery-ui拿出来讲,并不是因为它的封装度有多高,而是我认为它是一个分界点。jQuery以下级别的框架,代码以css为主,自身的js代码少,框架量级更轻,更灵活,更适合互联网web产品。jQuery以上级别的框架,属于前端的重度封装,通过框架暴露的接口进行开发,开发人员甚至不需要太多前端知识,只需要详细查看框架的开发文档即可。jQuery以上级别的框架更适合传统管理软件的开发。
    --------------------------------
    6~7级—— easy-ui/DWZ
    easy-ui基于jQuery-ui,不过具有更丰富的组件库。貌似商业版收费很高。听说某大型国企花了大价钱购买下来使用。DWZ是国产框架中我认为综合表现还不错的,完全免费,有问题可以在他们的QQ群里提。其余的之前还用过金蝶的operamasks-ui,不过现在好像已经不更新了。这一类级别的框架还有一个另外的称呼——“富客户端框架”,意思就是重度js框架。使用起来开发效率很高,当年也是一度百花齐放,框架辈出。经典页面大概是这样:
    640--------------------------------
    8级—— extjs系列
    extjs属于前端框架领域中的庞然大物,封装程度很高,具有自成体系的元素选择引擎和浏览器兼容方案,js写法上也有自己的方式。组件很多很全。只看extjs的官方文档和示例几乎不必学习任何其他的前端知识就可以做出“很漂亮”的前端页面。当然页面很容易“撞衫”。使用时间长了,会对其产生严重依赖,离开extjs,几乎不会写前端页面了。经典页面大概是这样:
    640
    --------------------------------
    9级——vaadin/GWT
    最后一级,也是封装度最高的一级,也就是所谓的使用后台语言写前端。如果说之前的八级至少前端和后端还是相对分离的,后台程序在java中写,前台程序在html或者js中写;那么这一级别的框架简直会颠覆你的认知!只需在后台使用java写好了类和对象,并设置好相关的属性,网页的元素是自动通过后台对象生成的。这当然有好处,妈妈再也不用担心我不会写js和css了。然而就学一下html/css/js真的那么难吗?个人认为,尽管GWT有google的这么强悍的背书,但是这种9级封装的本质上把前后台耦合得更紧密。一个人做一个项目还可以考虑,但是一个团队前后台分离、模块化开发的时候,使用这种框架是一种灾难!所以我是极度不建议使用9级封装框架的。
    --------------------------------

    综上,针对不同的编程方式,给出以下参考:

    1 DOP(Deadline Oriented Program,面向截止日期编程)的程序猿们有两种选择:a、努力学习html/css/js,使用2~3级框架;b、看不上前端代码的,6~8级是不错的选择。对于业务优先、老板整天嚷嚷时间有多紧、客户有多急切的项目,你可以直接选b了,我觉得老板是不会给你时间学习html/css/js的。

    2 EOP(Experience Oriented Program,面向用户体验编程)的程序猿们,大多数做的是追求极致用户体验的互联网产品吧。那果断选1级封装度的框架,可适当借鉴2~4级的框架。

    3 MOP(Money Oriented Program,面向人民币编程)对于一直做后台,趁过年放假想赚个外快的程序猿们,我知道你们也不想在前端领域有多大发展,搞好后台就足够一辈子衣食无忧了,所以还是选择6~8级吧。

    此外,需要考虑搜索引擎优化的项目,慎用富客户端或者重ajax应用。

    什么?你还需要考虑ie6的兼容性?出门左转有一面墙,你可以撞上去了,不送!

    最后告诉大家,这些都是几年前我为了治疗自己的选择恐惧症而进行的一些分析。

    现在,答主我已经不再纠结各种前端框架了。因为心中有剑,枝叶、落花皆可为剑。

    ----------------------------------------


    有朋友提到backbonejs/angularjs/reactjs/vuejs这些新兴框架,感觉很有必要补充完善一下这个答案。

    大约五六年前,前端还是一个边缘岗位,前端的工作中:css方面的由设计师用dreamveaver等工具顺带就做了;js方面的由后台程序员写写实现了效果就行了。

    究其原因,主要还是由于当时在html5尚未大面积支持的情况下,浏览器网页端的表现力有限。为增强表现力甚至还需要依靠flash的支持。近几年随着移动端的兴起以及html5/css3等技术的推广,web端表现力日渐丰富,也越来越复杂。

    计算机这门学科就是这样,当一件事物复杂到一定程度就一定有人抽象出各种框架来提高可维护性与可扩展性。

    传输复杂了,有了osi 7层和5层框架;服务器集群复杂了,有了云计算各种框架;乃至销售问题复杂了,也有人总结出《销售技巧xx招》…这种抽象也是人类的一种基本思维方式。

    前端岗位正是在网页前端复杂性逐渐增加的推动下产生的。说实话,很多老程序员以前是是看不上前端行业的,认为无非是一些奇巧淫技而已。而现在,以javascript为基础的前端技术已经成功逆袭,nodejs的发展更是让js有了扬眉吐气的一天。

    现在回过头来看backbonejs/angularjs/reactjs/vuejs系列框架,它们其实并不是给后台程序员准备的框架。不要轻信它们官网上的提到的“简单易用快速上手”之类的宣传语,那不是跟后台程序员和js初学者说的。如果你对js原型链、作用域、异步回调的概念还很模糊,用了这些框架只会让自己陷入泥潭难以自拔!

    虽然你也可以将这些框架简单粗暴得划分到7级封装度左右,但是我并不认为这些“深度前端”框架适合后台开发者。

    当然啦,事无绝对,如果你像我一样兴趣广泛,喜欢折腾,前后端双修,那你自然清楚该选什么前端框架,也就不会到知乎上来问这个问题了。

    这就是现在的我,有了一定的前端功力,开源社区的森林里那么多丰富的资源,枝叶、落花都是利刃,也无需在框架上纠结了。

    推荐阅读

    640?

    展开全文
  • 我刚入职一个公司,前端页面完全是后端人员的,骨架有cshtml+aspx两种格式,里面是动态生成页面,里面拼接和多东西,有动态交互、静态页面还有JavaScript脚本!!!技术栈选型也不明确,前端页面有用vue+jQuery...
    我刚入职一个公司,前端页面完全是后端人员写的,骨架有cshtml+aspx两种格式,里面是动态生成页面,里面拼接和多东西,有动态交互、静态页面还有JavaScript脚本!!!技术栈选型也不明确,前端页面有用vue+jQuery写,也有bootstrap+原生/+jQuery写的交互逻辑。前端规范文档也没有。请问我该怎么做,才能实现前后端分离,请指得具体一点。谢谢
    展开全文
  • 将相应的字段传输给前端,但是前端,的确拿到json数据,但是相应的页面并没有被渲染,我之前有碰到这个情况,猜测可能是传输给前端的字段可能和渲染的字段不一样,导致出错不渲染,特地在刚开始看了下前端需要的字段...

    本来后端

    @JsonProperty(“food”) //错误的
    @JsonProperty(“foods”) //正确的

    将相应的字段传输给前端,但是前端,的确拿到json数据,但是相应的页面并没有被渲染,我之前有碰到这个情况,猜测可能是传输给前端的字段可能和渲染的字段不一样,导致出错不渲染,特地在刚开始看了下前端需要的字段,没错。后来的思路一直以为是代码写错了。导致在项目里检查好久,浪费时间。今天早上又看了一下请求,发现还是前端字段和后端字段不符合,所以导致出错。特地记录一下,为自己马虎粗心买单。

    展开全文
  • 后端返给前端的数据格式

    千次阅读 多人点赞 2021-09-09 11:03:56
    一、数据格式简介 ...json标准格式要求双引号 key可以不引号 var stu={"name":"张三","age":18,"sex":"男"}; console.log(stu);//Object console.log(stu.name);//张三 console.log(stu.age);//18
  • 后端 //将message信息传到前端jsp request.setAttribute("message","用户名或密码错误!"); 前端 //在前端获取message的信息用EL表达式 <input type="hidden" name="message" id="message" value="${message}"&...
  • 网站搜索ibootstrap,你想要的布局都在里面,只需拖动即可自动生成代码
  • <ul class="video-list" id="app"># vue 绑定 <li v-for="item in items" class="enter-filmplay" data-articleid="10613804" data-videourl="ArticleList">...利用分页器传到前端的数据又进行了一...
  • 很多外行人在考虑转行IT时,都会出现...前端即网站前台部分,既包含了页面设计,又包含了页面实现,要是指运行在PC端,移动端等浏览器上展现给用户浏览的网页。 “前端”是网站与用户直接交互的部分,从字体到布局再
  • 前端页面自定义调用后端函数

    千次阅读 2019-07-26 13:53:51
    前端页面自定义调用后端函数 个人认为在当前页面对应的控制器对应的方法里定义函数也是可以这样调用的
  • 对于服务器开发工程师来说,前端页面的刷新分后端刷新和前端刷新,后端刷新的实现是通过模板+数据的方式实现的,前端刷新的实现是通过jQuery的Ajax+jQuery动态加载HTML、CSS的方式实现的 不管是后端刷新和前端刷新,...
  • 阿粉自从学会Java以来,一直都是在从事关于Java的开发,不论是换了几家公司,阿粉一直都是负责的关于后台的业务,很多都是前后端分离的,前端写前端的代码,后端只负责逻辑实现和返回所需要的值,但是让人没想到的...
  • 基于springboot版微信小程序前端以及后端源码分享,大家可以参考学习,后端源码可导入IDE、前端可导入微信开发工具中正常使用
  • 近期项目由生产环境迁移到演示环境,由于设备性能下降导致几个原本能够较快返回数据的接口无法将数据快速返回前端页面,造成页面反应很慢的问题。长话短说,具体解决方案是在spring cloud的配置文件中加入 server: ...
  • 前端加密登录,对称加密
  • 前端工程师和后端工程师对于互联网应用开发来说,前端开发和后端开发是工程师的两大工作领域,这点已经是很多同学的常识。于是,经常有人会问,前端工程师和后端工程师都是做什么的?薪资如何?未来的行业发展前景...
  • 后端如何接受前端传过来的Json数据

    千次阅读 2020-09-26 18:39:25
    https://blog.csdn.net/weixin_43843164/article/details/106409546
  • 1.其实之前对这一块也是比较含糊不清晰的,之前也总结了一下,但是忘了,现在联系着后端返回前端的方式一块总结了吧,每一种情况我都会列举出一个小例子供大家参考学习,同时也希望能帮到大家进一步理解,同时也希望...
  • 前台页面通过引入提供的两个js,实现AES加密解密。后端java代码通过压缩包里的博客信息配置AESUtil.java公共类。
  • 通过页面找到后端代码流程: 1.找到页面按f12,点击network或者网络其实就是一个东西 2.点击页面搜索出现了一个东西name然后点开这个name 3.看到地址后复制文号之前的一小段 (根据自己的项目看) 4....
  • 前端DES加密代码,与后端约定密钥可解密。使用了谷歌的tripledes.js插件实现
  • // 后端代码 // 管理员模糊查询 @RequestMapping("/... // 跳转前端会出错 // 但是之前没有条件的可以显示 ![图片说明](https://img-ask.csdn.net/upload/201911/01/1572619949_818951.png)
  • (1)先写后端接口( node + express ) npm init npm install npm install express --save app.js文件 const express = require('express') const app = express() //设置跨域访问 app.all('*', function...
  • 前端 如何把请求发到 后端 的 Controller 前后端数据交换过程
  • java后端判断结果在前端页面提示

    千次阅读 2018-08-13 14:11:17
    后端判断结束,当当前页面要删除的课程已有学生选择时,应该在前端页面给出提示:弹出一个提示页面! controller层代码为: /** * 根据courseId删除课程 */ @RequestMapping (value= "/...
  • 3、后端开发想自己简单页面的 4、偷懒的前端 本文注重手机端,对web要求不大,排名不分先后   模板 1、Amazeui http://amazeui.org/ 样式齐全,文档齐全,案例相对较少,对移动端开发来说需要一些技术成本...
  • 主要介绍了SpringMVC后端返回数据到前端代码示例,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
  • 后端渲染数据到页面

    千次阅读 2019-06-12 19:57:33
    后端渲染数据到页面 1、在创建的文件夹下建相应文件,如html,js,json等 2、在文件夹下打开终端,输入命令:npm init -y,初始化生成package.json文件 3、使用express包创建接口,安装express,命令为: npm i ...
  • 本人是一个前端新手,掌握了一些前端的...第六步:最后填充数据的函数,传给后端当前页数和页面的数据量,成功连接后在success里调用具体填充表格的函数和更新新数据结构pageconf的页数和当前页面的数量的函数。
  • SpringMVC后端返回数据到前端页面

    千次阅读 2018-11-29 09:08:37
    以userAdd.jsp为例,它既是接收数据页面,也是发送数据页面 userAdd.jsp &lt;%@ page language="java" import="java.util.*" contentType="text/html;charset=utf-8"%&gt; &...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 176,778
精华内容 70,711
关键字:

后端如何写好前端页面