让修改页面同上面新增页面一样。
<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org" >
<th:block th:include="include :: header('修改新闻内容')" />
<!-- 富文本编辑器css导入 -->
<th:block th:include="include :: summernote-css" />
</head>
<body class="white-bg">
<div class="wrapper wrapper-content animated fadeInRight ibox-content">
<form class="form-horizontal m" id="form-content-edit" th:object="${newsContent}">
<input name="newsContentId" th:field="*{newsContentId}" type="hidden">
<!--<div class="form-group">
<label class="col-sm-3 control-label">所属菜单id:</label>
<div class="col-sm-8">
<input name="newsMenuId" th:field="*{newsMenuId}" class="form-control" type="text">
</div>
</div>-->
<!-- 注释掉原本的所属菜单id,将所属菜单id改为所属菜单 -->
<div class="form-group">
<label class="col-sm-3 control-label">所属菜单:</label>
<div class="col-sm-8">
<div class="input-group">
<input id="treeId" name="newsMenuId" type="hidden" th:value="${newsMenu?.newsMenuId}"/>
<input class="form-control" type="text" onclick="selectMenuTree()" id="treeName" readonly="true" th:value="${newsMenu?.newsMenuName}">
<span class="input-group-addon"><i class="fa fa-search"></i></span>
</div>
</div>
</div>
<div class="form-group">
<label class="col-sm-3 control-label">新闻标题:</label>
<div class="col-sm-8">
<input name="newsContentTitle" th:field="*{newsContentTitle}" class="form-control" type="text">
</div>
</div>
<!--<div class="form-group">
<label class="col-sm-3 control-label">新闻内容:</label>
<div class="col-sm-8">
<input name="newsContentText" th:field="*{newsContentText}" class="form-control" type="text">
</div>
</div>-->
<!-- 注释掉原本的input标签,新闻内容的input标签改为富文本编辑器 -->
<div class="row">
<div class="col-sm-12">
<div class="ibox float-e-margins">
<div class="ibox-title">
<h5>新闻内容:</h5>
</div>
<div class="ibox-content no-padding">
<textarea class="summernote" name="newsContentText" required>
[[*{newsContentText}]]
</textarea>
</div>
</div>
</div>
</div>
</form>
</div>
<th:block th:include="include :: footer" />
<script type="text/javascript">
var prefix = ctx + "news/content";
$("#form-content-edit").validate({
focusCleanup: true
});
function submitHandler() {
if ($.validate.form()) {
$.operate.save(prefix + "/edit", $('#form-content-edit').serialize());
function selectMenuTree() {
var prefix = ctx + "news/menu";
var options = {
title: '新闻菜单选择',
width: "380",
url: prefix + "/selectMenuTree/" + $("#treeId").val(),
callBack: doSubmit
$.modal.openOptions(options);
function doSubmit(index, layero){
var body = layer.getChildFrame('body', index);
$("#treeId").val(body.find('#treeId').val());
$("#treeName").val(body.find('#treeName').val());
layer.close(index);
</script>
<!-- 富文本编辑器js导入 -->
<th:block th:include="include :: summernote-js" />
<!-- 富文本编辑器js代码 -->
<script>
$(document).ready(function () {
$('.summernote').summernote({
lang: 'zh-CN'
});
});
</script>
</body>
</html>
以上就是使用RuoYi框架进行学习的一个超简单新闻系统(只有后台页面),里面可能有很多的不足,毕竟目的只是为了简单。
虽说是简单化的(省去了很多),但是也占了很大的篇幅。
希望我的分享可以帮助到你。
链接:https://pan.baidu.com/s/1PLV_QL5NCY2vi14HosJVWg
提取码:or3s
java开发oa系统源码下载
一直想做一款后台管理系统,看了很多优秀的开源项目但是发现没有合适的。于是利用空闲休息时间开始自己写了一套后台系统。如此有了若依。她可以用于所有的Web应用程序,如网站管理后台,网站会员中心,CMS,CRM,OA。所有前端后台代码封装过后十分精简易上手,出错概率低。同时支持移动客户端访问。系统会陆续更新一些实用功能。
性别男,若依是给还没有出生女儿取的名字(寓意:你若不离不弃,我必生死相依)
如需前后端分离版本,请移步
如需单应用,请移步
(保持同步更新),如需其他版本,请移步
(不定时更新)
阿里云通用云产品1888优惠券
: 腾讯云通用云产品2860优惠券
: (仅限新用户)
阿里云Hi拼购
低至199元/年
(仅限新用户)
用户管理:用户是系统操作者,该功能主要完成系统用户配置。
部门管理:配置系统组织机构(公司、部门、小组),树结构展现支持数据权限。
岗位管理:配置系统用户所属担任职务。
菜单管理:配置系统菜单,操作权限,按钮权限标识等。
角色管理:角色菜单权限分配、设置角色按机构进行数据范围权限划分。
开源协议:MIT
解释:MIT是和BSD一样宽松的许可协议,作者只想保留版权,而无任何其他了限制.也就是说,你必须在你的发行版里包含原许可协议的声明,无论你是以二进制发布的还是以源代码发布的。
(1)若依不分离版本
RuoYi是基于经典技术组合(Spring Boot、ApacheShiro、MyBatis、Thymeleaf)主要目的让开发者......
首先需要在码云上下载RuoYi-vue解压到你的工作目录
(https://gitee.com/y_project/RuoYi-Vue)
然后去nodejs官网下载nodejs
除了选择你的安装目录一直next
安装完成后,cmd中输入:node -v npm –v
输入path查看环境变量是 否配置成功
还需要一个python环境
管理员身份打开cmd
输入命...
框架介绍
本身是一个优秀的简单的后台管理系统框架,前端(Vue,ElementUI),后端(Spring Boot、Spring Security、Redis & Jwt),本身可以直接拉下来直接使用.它的强大之处在于代码自动生成器的使用,可以根据数据库的表对应生成全套前后端代码,代码植入后可以直接使用,复杂业务只需在基础代码上进行修改增强即可.减少了重复代码的编写,提高了开发效率.
详情请访问:https://gitee.com/y_project/RuoYi-Vue
框架启动步骤
ruoyi的在线用户存在redis中的,每次一个人登录,就会把他的登录信息存在redis中,当我们去查询在线用户,无非就是去redis中取一下有哪一些用户罢了!是前端项目其余的都是后端的,放到IDEA中加载依赖,正常情况就直接等加载完毕即可,不会有报错,要是出现依赖报错的情况记得切换一下网络试试。request拦截器对我们发送的请求进行了封装,当我们发送Get请求,那么我们携带参数的时候应该用。ruoyi的前端对axios进行了封装,让我们发get请求或者是post请求更加方便了。这里就不过多叙述了!
若依是一个 Java EE 企业级快速开发平台,基于经典技术组合(Spring Boot、Spring Security、MyBatis、Jwt、Vue),内置模块如:部门管理、角色用户、菜单及按钮授权、数据权限、系统参数、日志管理、代码生成等。在线定时任务配置;支持集群,支持多数据源,支持分布式事务。或1.前往下载页面()下载解压到工作目录2.将下载下来的代码压缩包解压到本地,将移动到外层(前后端代码分开运行更加直观)