vue3+springboot3车辆违章处理平台毕业设计项目学习

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: '请输入内容...'
 })

内容很多，如果感兴趣，需要学习，实践，可以和作者沟通。祝福大家开开心心，幸福美满。