前端
主要关于前端的学习
追光少年.
这个作者很懒,什么都没留下…
展开
-
如何将从数据库查出来的一篇文章在网页上原格式显示,包括超出div长度后,如何自动换行?
1。如果将从数据库里得到的数据不做任何处理,直接显示在网页上,可能原来的多段文本就会变成一段大文本,不符合我们按原格式显示的要求。这里我采用的是一种较为简单的解决办法。办法如下:2.原格式显示:使用<pre></pre>标签<pre class="text-show"> <div></div> <!--这个div里就是要显示的内容--></pre>3.在使用上述标签之后,文本内容会按原格式的段落进行显原创 2022-04-17 22:39:04 · 1697 阅读 · 0 评论 -
使用thymeleaf进行路径传递参数
在进行开发时,我们经常会用到需要将参数附加到访问路径上,不能直接使用传统的 "?a=1"的形式,而是应该采用下面字符串拼接的方式:<a href="/author/published_chapters" th:href="'/author/published_chapters?bookId=' + ${book.getBookId()}" class="btn btn-primary" role="button">章节管理</a>...原创 2022-04-16 16:46:35 · 1639 阅读 · 1 评论 -
测试thymeleaf基本基本注解:
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body><h1>一寸光阴一寸金,寸金难买寸光阴!</h1>测试REST风格;<form action="/user" method="get"> <inpu原创 2022-04-16 16:35:20 · 234 阅读 · 0 评论 -
Thymeleaf无法获取session中的值在页面内进行渲染
首先要明白Thymeleaf是一个用来渲染数据的模板引擎,既然是用来渲染数据的,自然得有数据才能进行渲染。然后在今天的项目练习中,突然出现"th:text"无法覆盖标签内内容的问题没最严重的是无法获得/login的controller中的session中存储的username。出现这种情况的原因是:/login的controller成功后跳转到index.html,将数据带到了index.html页面,而在index.html页面内点击的超链接则跳转到了A.html页面,但是并没有数据传递过来,所以无法原创 2022-04-14 22:01:38 · 1682 阅读 · 0 评论 -
EL1007E: Property or field ‘username‘ cannot be found on null
出现如下报错:2022-04-13 22:14:24.738 ERROR 20160 --- [nio-8081-exec-1] o.a.c.c.C.[.[.[/].[dispatcherServlet] : Servlet.service() for servlet [dispatcherServlet] in context with path [] threw exception [Request processing failed; nested exception is org.thy原创 2022-04-13 22:19:52 · 2787 阅读 · 1 评论 -
js中判断两个字符串是否相等
使用双等号即可,str1 == str2原创 2022-04-12 16:25:16 · 455 阅读 · 0 评论 -
editor_area.js:1 Uncaught ReferenceError: $ is not defined at editor_area.js:1:1错误原因说明
出现如下报错:editor_area.js:1 Uncaught ReferenceError: $ is not defined at editor_area.js:1:1出现这种错误的原因是,应该将jQuery的包在其他js包之前导入。如下图:原创 2022-04-08 16:38:28 · 999 阅读 · 0 评论 -
使textarea宽高固定,不可拉伸
使用下面属性,让textarea的尺寸大小不可调整就行: resize: none;原创 2022-04-07 15:27:43 · 6491 阅读 · 0 评论 -
使用js实时统计text、textarea等输入框的字数,并进行字数限制
使用js实施统计输入框的字数:HTML代码:<div class="content"> <textarea class="new-content" name="newcontent" id="new-content" placeholder=" 章节内容请输入5000字以内" onkeyup="countContent(this)" maxlength="5原创 2022-04-07 15:02:44 · 4142 阅读 · 0 评论 -
修改文本字体的大小和粗体
通过如下样式修改网页文本字体的大小和粗体:.content{ font-size: 20px; /*修改字体大小*/ font-weight: 600;/*修改字体加粗程度*/}其中font-weight属性可能的取值:详情查看:font-weight属性原创 2022-04-06 17:31:14 · 579 阅读 · 0 评论 -
css代码使网页文本段落首行缩进两个字符以及和行高
css代码使网页文本段落首行缩进两个字符:.chapter-text > p{ font-size: 20px; padding-left: 20px; text-indent: 2em;/*该属性设置缩进字符数*/ padding-right: 20px; line-height: 40px;/*该属性设置行高*/}...原创 2022-04-03 18:31:55 · 2387 阅读 · 0 评论 -
设置头像框为圆形,且图片填充头像框
对于要设置的头像代码为: <img class="header-img" src="" alt="找不到图片">css样式代码为:.header-img{ float: left; border: black solid 1px; width: 70px; height: 70px; object-fit: cover;/*图片完全填充*/ /*object-position: center;*//*设置头像选取照片的哪个区域object-原创 2022-04-03 10:32:01 · 1329 阅读 · 0 评论