vue3+springboot3车辆违章处理平台
项目基于vue3+springboot3开发的车辆违章处理平台,是前后端分离的项目,涉及知识点很多。
项目技术说明
前端
vue3+elementplus+vite+pinia+aixos
后端
springboot3 + mybatisplus
权限系统
springscurity6
jdk17版本
数据库 mysql
项目功能说明
前端web端:车辆用户注册,登陆,退出,缴罚款单,新闻中心,新闻详情,公告中心,公告详情,首页轮播图。
后端:
管理员登陆,违法维护信息,新闻维护,公告维护,角色,权限,菜单,用户等功能
项目功能实现
这里采用富文本编辑器来编辑新闻信息,富文本编辑器使用的
<QuillEditor ref='mychild1'
style="float:left;margin-top:10px;width: 100%;height:70%;"
theme="snow"
v-model:content="editBean.content"
:options="editorOption"
contentType="html"
/>
------------------------------------------------------------------------------
import { QuillEditor } from '@vueup/vue-quill'
let mychild1=ref(null)
let editorOption = reactive({
modules: {
toolbar: [
['bold', 'italic', 'underline', 'strike'], //加粗,斜体,下划线,删除线
['blockquote', 'code-block'], //引用,代码块
[{ header: 1 }, { header: 2 }], // 标题,键值对的形式;1、2表示字体大小
[{ list: 'ordered' }, { list: 'bullet' }], //列表
[{ script: 'sub' }, { script: 'super' }], // 上下标
[{ indent: '-1' }, { indent: '+1' }], // 缩进
[{ direction: 'rtl' }], // 文本方向
[{ size: ['small', false, 'large', 'huge'] }], // 字体大小
[{ header: [1, 2, 3, 4, 5, 6, false] }], //几级标题
[{ color: [] }, { background: [] }], // 字体颜色,字体背景颜色
[{ font: [] }], //字体
[{ align: [] }], //对齐方式
// ['clean'], //清除字体样式
// ['image'], //上传图片、上传视频 ['image', 'video']
]
},
placeholder: '请输入内容...'
})
内容很多,如果感兴趣,需要学习,实践,可以和作者沟通。祝福大家开开心心,幸福美满。