在jsp页面中使用load的方法加载其他页面到空白处,同时jsp页面引用layui,例如如下截图,在加载其他页面进入时候,会出现js等文件带请求路径一起请求后台。
在集成时,我的思路是写一个公共JSP文件,里面包含一些常用的js文件,当然此处我用的就是Jquery插件了。
当我把项目发布到tomcat服务器上面去,运行某个jsp页面的时候,发现功能没有实现 有没有报错,说明代码没有问题,那就找引入的文件是否正常导入了。这里有可能一开始我们思维定性的就认为代码错了,而忽略了这个js有没有正确导入的问题。(关键还是在这里,下面的解决办法很简单)
近期,手下有一个项目。需要嵌入一个富文本编辑器,基于大厂的光环,选择了百度富文本 UEditor,之前都是 Windows+Eclipse ,转到 Mac+IDEA 后,发现差别还是有的,不管大小,即使有一点不对,都不符合预期效果。鼓捣了一下午,记录分享一下。
<%=request.getContextPath()%>是为了解决相对路径的问题,可返回站点的根路径或者叫根目录,分为两种情况:
当然,可以通过spring.resources.static-locations配置指定静态文件的位置。但是要特别注意,一旦自己指定了静态资源目录,系统默认的静态资源目录就会失效。所以系统默认的就已经足够使用了,尽量不要自定义。
从Ueditor的官网下载1.4.3.3jsp版本的Ueditor编辑器,官网地址为:
参考:https://www.cnblogs.com/zfding/p/11766062.html
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、贴出代码
进行springMVC的使用时,搭建框架的时候,发现一个简单的demo都跑不起来。发现引入的js出现404了。之后就查找各种资料后,发现,原来需要配置静态资源,否则不能进行访问指定的js资源。
因为博客发布文章需要个富文本编辑器,所见即所得,排版什么的还是很重要的。百了很多最后还是决定用ueditor 虽然已经被百度放弃了(不再更新)但是功能齐全插件多还是很好用的 第一次使用也是照着别人的教程写的 下载最新的ueditor-jsp版(根据自己的需求下载)http://ueditor.baidu.com/website/download.html 然后把下载好的内容放到web项目的webapp下,然后导包,我是直接把jar复制到web-inf的lib下然后build path,虽然这样会感觉好像太原始了。。,直接用maven导入会有问题,好像是因为ueditor不存在远程和本地仓库,不过可以在pom.xml中导入然后再把jar包复制到本地仓库,或者自己创建个私服然后把jar包放进去。。 修改config.json,
下载ckeditor_3.6.2.zip和ckeditor-java-core-3.5.3.zip两个压缩文件
大家好,我是架构君,一个会写代码吟诗的架构师。今天说一说easyui 布局_layout布局,希望能够帮助大家进步!!!
传统的Java Web项目,一般是新建一个WebContent目录,然后所有页面,js等静态资源都放在里面。但是在SpringBoot的规范里,不需要这么做
1. 解压tomcat作为图片服务器,在tomcat的webapps下创建upload目录作为文件上传目录。
通过前面两篇,小伙伴们已经成功的实现了增删改查,但是,没有页面效果的项目,就像网恋没有奔现的小姐姐一样,安能辨她是雌雄。今天用SpringBoot整合Jsp页面,看到项目的亚子。
jsp没有明显缺点,非要挑点骨头那就是,由于可以编写java代码,如使用不当容易破坏mvc结构。
启动服务器之后,会默认访问index.jsp,在index.jsp中会请求"/emps",即EmployeeController.java中的getEmps方法:
内 容:登录后,根据当前用户获取相应的用户和文件信息,并将相关信息显示在主页。
请求重定向指:一个web资源收到客户端请求后,通知客户端去访问另外一个web资源,这称之为请求重定向。
因为项目要访问本地硬盘的文件所以要去Tomcat的server.xml里配置Context ,
今天的主要工作都在用react.js写一些前端界面,中间遇到了一些问题,这里解决这些问题的过程记录一下。 使用echarts图表组件 由于项目比较老旧,并没有使用webpack、gulp之类的前端编译工具进行编译,而是直接将依赖的javascript库引入,如下所示: <body> <script type="text/javascript" src="${ctx}/script/lodash/lodash.min.js"></script> <sc
首先,更正一下上一章中的一个小错误,就是在index.jsp中,banner部分没有添加结束的标签,加上去就OK了,我也是完善页面的时候发现的。 另外,index.jsp中引入的jQuery也需要换成本地的。 <script src="${basePath}/static/js/jQuery.js"></script> 今天我把页面重构了一下,添加了内容区和底栏(footer),我会把目前的代码上传的,有需要的自己去看就行了,我们就不在前台页面花费太多的时间了。div + css,布局等等,这些东西以后有时
当我们访问jsp时,访问路径:http://localhost:8080/ajax-request.jsp
UEditor 是由百度「FEX前端研发团队」开发的所见即所得富文本web编辑器,具有轻量,可定制,注重用户体验等特点
head.jsp文件 将项目中所需要用到次数比较多的的插件,库等,同意放在一个jsp文件里面,命名为head.jsp文件,相当于一个全局的 <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %> <%@ taglib uri="
tiles框架的工作 在springMVC工作流程中属于视图解析器 解析视图这一步。算是视图解析器的一个插件,作了视图解析这步的一部分工作。
看过之前的springMVC初体验,相信你对springMVC有了一定的认识。今天我们继续来学习springMVC相关的核心知识,掌握web框架的正确学习办法,帮助你快速起飞,完成蜕变。
注:此文承接上一文:使用IntelliJ IDEA开发SpringMVC网站(一)开发环境
3.6.6 轮播图的基本实现 上一节中,轮播图已经做了一大半,我今天上午抽空把剩下的代码写完了。现在就大概说一下思路吧。 实现上一张和下一张的效果,基本上就是改变ul的margin-left值。为了保证无缝滚动,我们需要在5张图片的首部和尾部各加一张图片。像这样:
最近在写一个自己的后台管理系统(主要是写着玩的,用来熟悉后端java的知识,目前只是会简单的写点接口),想在项目中编写一个发布新闻文章的功能,想到了使用百度的ueditor富文本编辑器,网上找了很多j
最近在写一个自己的后台管理系统(主要是写着玩的,用来熟悉后端java的知识,目前只是会简单的写点接口),想在项目中编写一个发布新闻文章的功能,想到了使用百度的ueditor富文本编辑器,网上找了很多java版本的资料,不过大部分都是前后端都在一个工程项目下,页面是jsp的。由于我这个系统是把前后端拆分开成前后端分离的。所以在根据看了网上的资料以及慢慢的摸索下,实现了在前后端分离的情况下把ueditor集成到系统中。项目页面如图:
最近工作需要重新搭建公司网站,其中需要使用富文本编辑器,货比三家,最后选择了百度团队的UEditor。项目框架为springboot,所以涉及到springboot集成ueditor,动手之前就听说会有不少坑...上手了发现,emm,果不其然...(主要是上传图片部分) 具体的集成步骤如下,希望这可以帮到看文章的你。 (本人使用的是ueditor-JSP版)
Spring MVC 是 Spring 框架中的一个模块,也是 Spring 的核心之一,常用作 web 开发,其底层是 Servlet,故也叫 Spring web mvc。因为内内部架构模式是 mvc 架构,故此称为 Spring MVC .
如果仅仅是为了练习Dojo,或者进行测试,可以参考下面的步骤。下面的文件均是在Windows下测试 需要的工具 1 Tomcat服务器:下载地址 选择适合自己的机器型号,即可 2 Dojo的工具包:下
注:由于 Maven 的传递性,我们不必将所有需要的包全部配置依赖,而是配置最顶端的依赖,其他靠传递性导入。
2.JS代码是单独的.js 文件, 通过引入到 JSP中来.这时候可通过提前定义JS变量的形式的解决。在JSP页面上定义JS变量 contextPath.这样在之后引入的JS文件中就可以使用contextPath变量了.
路由:我们仨都算是负责运输行业的,但是我只是负责运输线路的确定 路由表:为了避免“转送”送错货物到码头,我就负责指定运输的码头 转送: 我负责具体的货物运输,将货物运输到指定的码头。要是没有“路由表”大哥的帮忙,我肯定一天要在十多个码头来来回回的瞎折腾呢。
1、 前端基础知识 文件分类 XML(扩展标记语言) 装载有格式的数据信息,用于各个框架和技术的配置文件描述 特点: 扩展名为.xml 内容区分大小写 标签要成对出现,形成容器,只能有一个 标签
(4)ModelAndView 对象需要 new, 同时作为返回值类型
JavaWeb 是指,所有通过 Java 语言编写可以通过浏览器访问的程序的总称,叫 JavaWeb。
官方网站:https://www.layui.com/(已下线) 参考地址:http://layui.org.cn/demo/index.html(非官网)
Json(JavaScript Object Notation),它是一种轻量级数据交换格式,格式简单,易于读写,目前使用特别广泛。那么这篇博客我们主要谈谈在 SpringMVC 中,如何对 js
jsp的书写与html的类似,但是不能直接访问,需要部署在服务器上,才能访问,但是html的语法规则在jsp中同样适用,可以得到同样的效果。jsp可以显示动态资源,动态获取后台的传输的资源,动态的显示在页面上,更好的直观的显示在页面上。
文章目录 一、前言: 1、特征 2、插件下载地址: 二、用法: 1、所有配置: 三、示例代码: 1、jsp代码: 2、 js部分: 3、前端页面: 四、bug 1、设置的pageTitle属
本章介绍了Spring Boot Web开发的一些内容,涉及了很多前端的东西,简单了解下前端的东西就好,不必深究,遇到有开发前端的需求时可以看下官方文档,很快可以入手。重点放在web和tomcat的配置上面。
领取专属 10元无门槛券
手把手带您无忧上云