首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往
您找到你想要的搜索结果了吗?
是的
没有找到

从零实现Web框架Geo教程-模板-06

现在越来越流行前后端分离的开发模式,即 Web 后端提供 RESTful 接口,返回结构化的数据(通常为 JSON 或者 XML)。前端使用 AJAX 技术请求到所需的数据,利用 JavaScript 进行渲染。Vue/React 等前端框架持续火热,这种开发模式前后端解耦,优势非常突出。后端童鞋专心解决资源利用,并发,数据库等问题,只需要考虑数据如何生成;前端童鞋专注于界面设计实现,只需要考虑拿到数据后如何渲染即可。使用 JSP 写过网站的童鞋,应该能感受到前后端耦合的痛苦。JSP 的表现力肯定是远不如 Vue/React 等专业做前端渲染的框架的。而且前后端分离在当前还有另外一个不可忽视的优势。因为后端只关注于数据,接口返回值是结构化的,与前端解耦。同一套后端服务能够同时支撑小程序、移动APP、PC端 Web 页面,以及对外提供的接口。随着前端工程化的不断地发展,Webpack,gulp 等工具层出不穷,前端技术越来越自成体系了。

02

vue集成百度UEditor富文本编辑器

1、使用vue-cli构建一个vue项目。然后下载UEditor源码。地址:http://ueditor.baidu.com/website/ 把项目复制到vue项目的static文件下。目的是让服务可以访问到里面的文件,打开UEditor目录文件。这里下载的是jsp版本的。文件名字没有更改过。打开里面的ueditor.config.js文件找到serverUrl把这行代码注释了。这个代码是用来上传图片的后台地址。如果不注释了会请求报错。编辑器跑起来再做服务配置修改地址。 2、在.vue文件中引入主要js文件 import ‘../../static/utf8-jsp/ueditor.config’ import ‘../../static/utf8-jsp/ueditor.all’; import ‘../../static/utf8-jsp/lang/zh-cn/zh-cn’; 3、在data中申明一个变量存储UEditor的实例方便在vue的其他地方使用,然后申明一个变量存储手动获取的编辑器里面的内容,再什么一个变量存储初始化时要写入编辑器的内容。三个变量。如果操作得当。可以减少变量的时候。这是笨办法 4、在vue的mounted钩子函数中调用编辑器的方法生成实例存储到刚刚申明的变量中,在实例中传入参数。第一个是id,id是生成编辑器的div的id。第二个参数是一个对象。对象内容是对编辑器的配置。如资源访问路径,toolbars内容配置。 5、在html部分写一个div标签

6、然后配置资源路径。在实例化的时候传入的参数里。第二个参数是一个对象。内容包括路径。 this.ue = UE.getEditor('editor',{ BaseUrl: '', UEDITOR_HOME_URL: 'static/utf8-jsp/', }); 这个UEDITOR_HOME_URL就是配置编辑器自己访问自己所需要的依赖的路径。设置到存放的文件下utf8-jsp是编辑器文件的更目录。目录不一样可自行更改 7、然后保存。就可以在界面上显示一个完整的富文本编辑器 8、如果要获取内容则使用在data里面申明的编辑器实例在vue中this.实例调用方法getContent()可以获取到内容 9如果要设置内容则调用:setContent('欢迎使用ueditor'); 更多方法参考官方文档。 10、文档内容属于个人踩坑的心得。如有错误。请留言指出。谢谢 11、需要注意的是资源路径容易搞错。使用相对路径即可 12、贴出代码

01

JAVA初中级程序员笔试试题

(多选题) 1.以下哪些不是Java保留字__________ A. private     B. Final    C. class    D. Throws    E. Throw     F. take 2.指出以下代码的输出结果_____________ public static void main(String args){ int i=0; int j=i++; j=j+i; System out print in(++j);} A. 1    B. 2    C.3    D.4 3.根据以下4个类定义,指出main函数代码的输出结果___________ public class A public void primitive(){System out print in(“aaa”);} public class B extends A{system out print in(“bbb”);} public class C extends B{public void print Me(){} public class D extends B{} public static void main(string [] ss){A[]aa=new A[]{new A(),new B(),new C(),new D()}; for(int i=0;i<aa.length;j++){aa[i].print Me();} A.aaa  bbb   bbb   bbb B.bbb  bbb   bbb   bbb C.aaa  bbb   bbb D.aaa  bbb E.aaa  aaa   aaa   aaa F.aaa  aaa   aaa 4.针对下列代码,描述正确的是___________________ public class ClassA{ private int i; public ClassA(int i){this=I;} public int get[(){return i;} public void setl(int i){this i=i;} public class ClassB(public void too(final ClassA a){a.set(2)}; A.上述代码在编译时会出错,不会通过编译。 B.上述代码编译时没问题,但运行时会出异常。 C.上述代码编译和运行都没问题,但包含逻辑错误。 D.上述代码不存在任何问题。 5.针对下列代码,描述正确的是________________ public class ClassA{private int i; public ClassA(int i){this i=i;} public int get(){retum i;} public void set(int i){this i=i;} public class ClassB extends ClassA{public ClassB(){} public void setI(int i){} A.上述代码在编译时会出错,不会通过编译。 B.上述代码编译时没问题,但运行时会出错。 C.上述代码编译和运行都没问题,但包含逻辑错误。 D.上述代码不存在任何问题。 6.针对以下代码,描述正确的是:_______________ public class A Class{ public string name; public int size; public A Class(int size, string name){ this name=name; this size=size;} public bookan equals(object o){ if(this=o){return true;} if(o=null (name=null){return false;} A Class that=(A Class); Return this name squads(that name) Public int bash code(){return name hash code();} Public class ClassGroup{ Sets=new HashSet(); Public ClassGroup(){ s.add(new AClass(23,””)); s.add(new AClass(31,””));} public void sbowMembers(){for (iterant itar=siterator();itar.hasnext();){ Cc=(c)itar next(); System out printin(c.name);} A.上

02
领券