网站建设坂田,上海人才市场网,台前网站建设公司,做网站需要购买什么大家好#xff0c;我是java1234_小锋老师#xff0c;看到一个不错的SpringbootVue前后端分离的个人博客系统#xff0c;分享下哈。
项目视频演示
【免费】SpringbootVue个人博客系统 毕业设计 Java毕业设计_哔哩哔哩_bilibili【免费】SpringbootVue个人博客系统 毕业设计 …大家好我是java1234_小锋老师看到一个不错的SpringbootVue前后端分离的个人博客系统分享下哈。
项目视频演示
【免费】SpringbootVue个人博客系统 毕业设计 Java毕业设计_哔哩哔哩_bilibili【免费】SpringbootVue个人博客系统 毕业设计 Java毕业设计项目来自互联网免费开源分享严禁商业。更多毕业设源码http://www.java1234.com/a/bysj/javaweb/, 视频播放量 287、弹幕量 0、点赞数 15、投硬币枚数 4、收藏人数 14、转发人数 1, 视频作者 java1234官方, 作者简介 公众号java1234 微信java9266相关视频【免费】SpringBoot Vue ElementUI 人力资源管理系统 Java毕业设计【免费】java贪吃蛇毕业设计【免费】javaweb人才招聘网站毕业设计【免费】javaweb物业管理系统毕业设计【免费】javaweb留言管理系统毕业设计【免费】javaweb学生选课系统毕业设计【免费】javaweb旅游网系统毕业设计【免费】javaweb电影票订购系统毕业设计【免费】Javaweb医院在线挂号系统毕业设计【免费】javaweb高校学籍管理系统毕业设计https://www.bilibili.com/video/BV1ci4y1Y779
项目介绍
进入二十一世纪以Internet为核心的现代网络积水和通信技术已经得到了飞速的发展和广泛的应用各种网络交流互动工具也应运而生。其中以论坛、博客、社区、空间最为受广大网民朋友的欢迎也是目前为止发展的比较成熟的信息交流工具。在网络技术逐渐渗入社会生活各个层面的今天传统的交流方式也面临着变革而网络博客则是一个很重要的方向。基于Web技术的网络考试系统可以借助于遍布全球的Internet进行因此交流既可以是本地进行也可以是异地进行大大拓展了沟通与交流的灵活性。博客在现如今这个飞速发展的网络时代已经成为人们不可或缺的一部分
博客又译为网络日志、部落格或部落阁等是一种通常由个人管理、不定期张贴新的文章的网站。博客它经常是由简短且经常更新的帖子构成它可以发表有关个人构思日记或者诗歌散文小说等等。博客可以是你纯粹个人的想法和心得包括你对时事新闻、国家大事的个人看法或者你对一日三餐、服饰打扮的精心料理等也可以是在基于某一主题的情况下或是在某一共同领域内由一群人集体创作的内容。写博客是为了把自己各种各样的想法在网上表达、释放出来,把一时的想法变成观点展示给大家。而浏览博客的用户,也可以对发表观点和看法的文章进行评论,博客就是这样一个平台。 博客最初的名称是Weblog由web和log两个单词组成按字面意思就为网络日记后来喜欢新名词的人把这个词的发音故意改了一下读成we blog由此blog这个词被创造出来。中文意思即网志或网络日志不过在中国大陆有人往往也将 Blog本身和 blogger即博客作者均音译为“博客”。“博客”有较深的涵义“博”为“广博”“客”不单是“blogger”更有“好客”之意。看Blog的人都是“客”。而在台湾则分别音译成“部落格”或“部落阁”及“部落客”认为Blog本身有社群群组的意含在内借由Blog可以将网络上网友集结成一个大博客成为另一个具有影响力的自由媒体
主要内容和要求包括设计研究内容、主要指标与技术参数并根据课题性质对学生提出具体要求
本系统为用户提供实现了以下功能
登录功能
系统为单用户系统为用户分配了用户名和密码。用户必须先登录进入操作界面。用户输入ID和密码通过服务器验证方可运行否则显示消息提示。
2.网站前台功能
浏览博主个人信息、文章 ‚
发表留言评论
网站后台功能
后台登录注册 登录
用户管理模块实现用户信息及密码的修改 ‚
博文的分类与管理模块实现分类的增、删、改 ƒ
评论管理模块实现删除评论功能 „
留言管理模块实现删除、回复评论功能 …
系统管理模块实现博客版面的定义与管理 ‡博客的数据统计 系统展示 部分代码
package com.shanzhu.blog.cms.controller;import com.shanzhu.blog.cms.domain.CmsBlog;
import com.shanzhu.blog.cms.domain.CmsTag;
import com.shanzhu.blog.cms.domain.CmsType;
import com.shanzhu.blog.cms.service.ICmsBlogService;
import com.shanzhu.blog.cms.service.ICmsTagService;
import com.shanzhu.blog.cms.service.ICmsTypeService;
import com.shanzhu.blog.cms.service.ISysFileInfoService;
import com.shanzhu.blog.common.annotation.Log;
import com.shanzhu.blog.common.core.controller.BaseController;
import com.shanzhu.blog.common.core.domain.AjaxResult;
import com.shanzhu.blog.common.core.page.TableDataInfo;
import com.shanzhu.blog.common.enums.BusinessType;
import com.shanzhu.blog.common.utils.SecurityUtils;
import com.shanzhu.blog.common.utils.StringUtils;
import com.shanzhu.blog.common.utils.poi.ExcelUtil;
import com.shanzhu.blog.framework.web.service.SysPermissionService;
import org.springframework.security.access.prepost.PreAuthorize;
import org.springframework.web.bind.annotation.*;import javax.annotation.Resource;
import javax.servlet.http.HttpServletResponse;
import java.util.List;
import java.util.Set;/*** 文章管理Controller** author: ShanZhu* date: 2023-12-09*/
RestController
RequestMapping(/cms/blog)
public class CmsBlogController extends BaseController {Resourceprivate ICmsBlogService cmsBlogService;Resourceprivate ICmsTypeService cmsTypeService;Resourceprivate ICmsTagService cmsTagService;Resourceprivate SysPermissionService permissionService;Resourceprivate ISysFileInfoService sysFileInfoService;/*** 首页查询文章列表*/GetMapping(/cms/cmsList)public TableDataInfo cmsList(CmsBlog cmsBlog) {startPage();//状态为发布cmsBlog.setStatus(1);ListCmsBlog list cmsBlogService.selectCmsBlogList(cmsBlog);return getDataTable(list);}/*** 首页获取文章详细信息*/GetMapping(value {/cms/detail/, /cms/detail/{id}})public AjaxResult getInfoDetail(PathVariable(value id, required false) Long id) {AjaxResult ajax AjaxResult.success();CmsType cmsType new CmsType();CmsTag cmsTag new CmsTag();ajax.put(types, cmsTypeService.selectCmsTypeList(cmsType));ajax.put(tags, cmsTagService.selectCmsTagList(cmsTag));if (StringUtils.isNotNull(id)) {ajax.put(AjaxResult.DATA_TAG, cmsBlogService.selectCmsBlogById(id));}return ajax;}/*** 首页按分类查询文章列表*/GetMapping(/cms/cmsListByType/{id})public TableDataInfo cmsListByTypeId(PathVariable(value id, required false) Long id) {startPage();ListCmsBlog list cmsBlogService.selectCmsBlogListByTypeId(id);return getDataTable(list);}/*** 首页按标签查询文章列表*/GetMapping(/cms/cmsListByTag/{id})public TableDataInfo cmsListByTagId(PathVariable(value id, required false) Long id) {startPage();ListCmsBlog list cmsBlogService.selectCmsBlogListByTagId(id);return getDataTable(list);}/*** 首页查询推荐文章列表*/GetMapping(/cms/cmsListRecommend)public TableDataInfo cmsListRecommend(CmsBlog cmsBlog) {startPage();//状态为发布cmsBlog.setStatus(1);ListCmsBlog list cmsBlogService.selectCmsBlogListRecommend(cmsBlog);return getDataTable(list);}/*** 首页增加阅读量*/GetMapping(/cms/addBlogViews/{id})public AjaxResult addBlogViews(PathVariable(value id, required false) Long id) {CmsBlog cmsBlog cmsBlogService.selectCmsBlogById(id);Long views cmsBlog.getViews();views Long.parseLong(1);cmsBlog.setViews(views);cmsBlogService.updateCmsBlog(cmsBlog);return AjaxResult.success(id);}/*** 随笔页查询文章列表*/GetMapping(/cms/cmsEssayList)public TableDataInfo cmsEssayList(CmsBlog cmsBlog) {startPage();//状态为发布cmsBlog.setStatus(1);ListCmsBlog list cmsBlogService.selectCmsBlogList(cmsBlog);return getDataTable(list);}/*** 查询文章管理列表*/PreAuthorize(ss.hasPermi(cms:blog:list))GetMapping(/list)public TableDataInfo list(CmsBlog cmsBlog) {startPage();// 角色集合SetString roles permissionService.getRolePermission(getLoginUser().getUser());if (!SecurityUtils.isAdmin(getUserId()) !roles.contains(admin) !roles.contains(cms)) {cmsBlog.setCreateBy(getUsername());}ListCmsBlog list cmsBlogService.selectCmsBlogList(cmsBlog);return getDataTable(list);}/*** 导出文章管理列表*/PreAuthorize(ss.hasPermi(cms:blog:export))Log(title 文章管理, businessType BusinessType.EXPORT)PostMapping(/export)public void export(HttpServletResponse response, CmsBlog cmsBlog) {ListCmsBlog list cmsBlogService.selectCmsBlogList(cmsBlog);ExcelUtilCmsBlog util new ExcelUtilCmsBlog(CmsBlog.class);util.exportExcel(response, list, 文章管理数据);}/*** 获取文章管理详细信息*/PreAuthorize(ss.hasPermi(cms:blog:query))GetMapping(value {/, /{id}})public AjaxResult getInfo(PathVariable(value id, required false) Long id) {AjaxResult ajax AjaxResult.success();CmsType cmsType new CmsType();CmsTag cmsTag new CmsTag();ajax.put(types, cmsTypeService.selectCmsTypeList(cmsType));ajax.put(tags, cmsTagService.selectCmsTagList(cmsTag));if (StringUtils.isNotNull(id)) {ajax.put(AjaxResult.DATA_TAG, cmsBlogService.selectCmsBlogById(id));}return ajax;}/*** 新增文章管理*/PreAuthorize(ss.hasPermi(cms:blog:add))Log(title 文章管理, businessType BusinessType.INSERT)PostMappingpublic AjaxResult add(RequestBody CmsBlog cmsBlog) {cmsBlog.setCreateBy(getUsername());Long blogId cmsBlogService.insertCmsBlog(cmsBlog);if (blogId null) {return AjaxResult.error();}return AjaxResult.success(blogId);}/*** 修改文章管理*/PreAuthorize(ss.hasPermi(cms:blog:edit))Log(title 文章管理, businessType BusinessType.UPDATE)PutMappingpublic AjaxResult edit(RequestBody CmsBlog cmsBlog) {cmsBlog.setUpdateBy(getUsername());//删除原首图CmsBlog oldBlog cmsBlogService.selectCmsBlogById(cmsBlog.getId());if (cmsBlog.getBlogPic().isEmpty() || !cmsBlog.getBlogPic().equals(oldBlog.getBlogPic())) {if (!oldBlog.getBlogPic().isEmpty()) {String blogPic oldBlog.getBlogPic();if (blogPic ! null !.equals(blogPic)) {int newFileNameSeparatorIndex blogPic.lastIndexOf(/);String FileName blogPic.substring(newFileNameSeparatorIndex 1).toLowerCase();sysFileInfoService.deleteSysFileInfoByFileObjectName(FileName);}}}return toAjax(cmsBlogService.updateCmsBlog(cmsBlog));}/*** 删除文章管理*/PreAuthorize(ss.hasPermi(cms:blog:remove))Log(title 文章管理, businessType BusinessType.DELETE)DeleteMapping(/{ids})public AjaxResult remove(PathVariable Long[] ids) {//删除原首图for (Long id : ids) {CmsBlog oldBlog cmsBlogService.selectCmsBlogById(id);if (!oldBlog.getBlogPic().isEmpty()) {String blogPic oldBlog.getBlogPic();if (blogPic ! null !.equals(blogPic)) {int newFileNameSeparatorIndex blogPic.lastIndexOf(/);String FileName blogPic.substring(newFileNameSeparatorIndex 1).toLowerCase();sysFileInfoService.deleteSysFileInfoByFileObjectName(FileName);}}}return toAjax(cmsBlogService.deleteCmsBlogByIds(ids));}/*** 取消按钮-删除首图*/PreAuthorize(ss.hasPermi(cms:blog:edit))PostMapping(/cancel)public AjaxResult cancel(RequestBody CmsBlog cmsBlog) {String blogPic cmsBlog.getBlogPic();if (blogPic ! null !.equals(blogPic)) {Long blogId cmsBlog.getId();if (blogId null) {int newFileNameSeparatorIndex blogPic.lastIndexOf(/);String FileName blogPic.substring(newFileNameSeparatorIndex 1).toLowerCase();sysFileInfoService.deleteSysFileInfoByFileObjectName(FileName);} else {String Pic cmsBlogService.selectCmsBlogById(blogId).getBlogPic();if (!blogPic.equals(Pic)) {int newFileNameSeparatorIndex blogPic.lastIndexOf(/);String FileName blogPic.substring(newFileNameSeparatorIndex 1).toLowerCase();sysFileInfoService.deleteSysFileInfoByFileObjectName(FileName);}}}return toAjax(1);}
}templatediv classapp-containerel-row :gutter20!--部门数据--el-col :span4 :xs24div classhead-containerel-inputv-modeldeptNameplaceholder请输入部门名称clearablesizesmallprefix-iconel-icon-searchstylemargin-bottom: 20px//divdiv classhead-containerel-tree:datadeptOptions:propsdefaultProps:expand-on-click-nodefalse:filter-node-methodfilterNodereftreedefault-expand-allnode-clickhandleNodeClick//div/el-col!--用户数据--el-col :span20 :xs24el-form :modelqueryParams refqueryForm :inlinetrue v-showshowSearch label-width68pxel-form-item label用户名称 propuserNameel-inputv-modelqueryParams.userNameplaceholder请输入用户名称clearablesizesmallstylewidth: 240pxkeyup.enter.nativehandleQuery//el-form-itemel-form-item label手机号码 propphonenumberel-inputv-modelqueryParams.phonenumberplaceholder请输入手机号码clearablesizesmallstylewidth: 240pxkeyup.enter.nativehandleQuery//el-form-itemel-form-item label状态 propstatusel-selectv-modelqueryParams.statusplaceholder用户状态clearablesizesmallstylewidth: 240pxel-optionv-fordict in dict.type.sys_normal_disable:keydict.value:labeldict.label:valuedict.value//el-select/el-form-itemel-form-item label创建时间el-date-pickerv-modeldateRangesizesmallstylewidth: 240pxvalue-formatyyyy-MM-ddtypedaterangerange-separator-start-placeholder开始日期end-placeholder结束日期/el-date-picker/el-form-itemel-form-itemel-button typeprimary iconel-icon-search sizemini clickhandleQuery搜索/el-buttonel-button iconel-icon-refresh sizemini clickresetQuery重置/el-button/el-form-item/el-formel-row :gutter10 classmb8el-col :span1.5el-buttontypeprimaryplainiconel-icon-plussizeminiclickhandleAddv-hasPermi[system:user:add]新增/el-button/el-colel-col :span1.5el-buttontypesuccessplainiconel-icon-editsizemini:disabledsingleclickhandleUpdatev-hasPermi[system:user:edit]修改/el-button/el-colel-col :span1.5el-buttontypedangerplainiconel-icon-deletesizemini:disabledmultipleclickhandleDeletev-hasPermi[system:user:remove]删除/el-button/el-colel-col :span1.5el-buttontypeinfoplainiconel-icon-upload2sizeminiclickhandleImportv-hasPermi[system:user:import]导入/el-button/el-colel-col :span1.5el-buttontypewarningplainiconel-icon-downloadsizeminiclickhandleExportv-hasPermi[system:user:export]导出/el-button/el-colright-toolbar :showSearch.syncshowSearch queryTablegetList :columnscolumns/right-toolbar/el-rowel-table v-loadingloading :datauserList selection-changehandleSelectionChangeel-table-column typeselection width50 aligncenter /el-table-column label用户编号 aligncenter keyuserId propuserId v-ifcolumns[0].visible /el-table-column label用户名称 aligncenter keyuserName propuserName v-ifcolumns[1].visible :show-overflow-tooltiptrue /el-table-column label用户昵称 aligncenter keynickName propnickName v-ifcolumns[2].visible :show-overflow-tooltiptrue /el-table-column label部门 aligncenter keydeptName propdept.deptName v-ifcolumns[3].visible :show-overflow-tooltiptrue /el-table-column label手机号码 aligncenter keyphonenumber propphonenumber v-ifcolumns[4].visible width120 /el-table-column label状态 aligncenter keystatus v-ifcolumns[5].visibletemplate slot-scopescopeel-switchv-modelscope.row.statusactive-value0inactive-value1changehandleStatusChange(scope.row)/el-switch/template/el-table-columnel-table-column label创建时间 aligncenter propcreateTime v-ifcolumns[6].visible width160template slot-scopescopespan{{ parseTime(scope.row.createTime) }}/span/template/el-table-columnel-table-columnlabel操作aligncenterwidth160class-namesmall-padding fixed-widthtemplate slot-scopescope v-ifscope.row.userId ! 1el-buttonsizeminitypetexticonel-icon-editclickhandleUpdate(scope.row)v-hasPermi[system:user:edit]修改/el-buttonel-buttonsizeminitypetexticonel-icon-deleteclickhandleDelete(scope.row)v-hasPermi[system:user:remove]删除/el-buttonel-dropdown sizemini command(command) handleCommand(command, scope.row) v-hasPermi[system:user:resetPwd, system:user:edit]span classel-dropdown-linki classel-icon-d-arrow-right el-icon--right/i更多/spanel-dropdown-menu slotdropdownel-dropdown-item commandhandleResetPwd iconel-icon-keyv-hasPermi[system:user:resetPwd]重置密码/el-dropdown-itemel-dropdown-item commandhandleAuthRole iconel-icon-circle-checkv-hasPermi[system:user:edit]分配角色/el-dropdown-item/el-dropdown-menu/el-dropdown/template/el-table-column/el-tablepaginationv-showtotal0:totaltotal:page.syncqueryParams.pageNum:limit.syncqueryParams.pageSizepaginationgetList//el-col/el-row!-- 添加或修改用户配置对话框 --el-dialog :titletitle :visible.syncopen width600px append-to-bodyel-form refform :modelform :rulesrules label-width80pxel-rowel-col :span12el-form-item label用户昵称 propnickNameel-input v-modelform.nickName placeholder请输入用户昵称 maxlength30 //el-form-item/el-colel-col :span12el-form-item label归属部门 propdeptIdtreeselect v-modelform.deptId :optionsdeptOptions :show-counttrue placeholder请选择归属部门 //el-form-item/el-col/el-rowel-rowel-col :span12el-form-item label手机号码 propphonenumberel-input v-modelform.phonenumber placeholder请输入手机号码 maxlength11 //el-form-item/el-colel-col :span12el-form-item label邮箱 propemailel-input v-modelform.email placeholder请输入邮箱 maxlength50 //el-form-item/el-col/el-rowel-rowel-col :span12el-form-item v-ifform.userId undefined label用户名称 propuserNameel-input v-modelform.userName placeholder请输入用户名称 maxlength30 //el-form-item/el-colel-col :span12el-form-item v-ifform.userId undefined label用户密码 proppasswordel-input v-modelform.password placeholder请输入用户密码 typepassword maxlength20 show-password//el-form-item/el-col/el-rowel-rowel-col :span12el-form-item label用户性别el-select v-modelform.sex placeholder请选择el-optionv-fordict in dict.type.sys_user_sex:keydict.value:labeldict.label:valuedict.value/el-option/el-select/el-form-item/el-colel-col :span12el-form-item label状态el-radio-group v-modelform.statusel-radiov-fordict in dict.type.sys_normal_disable:keydict.value:labeldict.value{{dict.label}}/el-radio/el-radio-group/el-form-item/el-col/el-rowel-rowel-col :span12el-form-item label岗位el-select v-modelform.postIds multiple placeholder请选择el-optionv-foritem in postOptions:keyitem.postId:labelitem.postName:valueitem.postId:disableditem.status 1/el-option/el-select/el-form-item/el-colel-col :span12el-form-item label角色el-select v-modelform.roleIds multiple placeholder请选择el-optionv-foritem in roleOptions:keyitem.roleId:labelitem.roleName:valueitem.roleId:disableditem.status 1/el-option/el-select/el-form-item/el-col/el-rowel-rowel-col :span24el-form-item label备注el-input v-modelform.remark typetextarea placeholder请输入内容/el-input/el-form-item/el-col/el-row/el-formdiv slotfooter classdialog-footerel-button typeprimary clicksubmitForm确 定/el-buttonel-button clickcancel取 消/el-button/div/el-dialog!-- 用户导入对话框 --el-dialog :titleupload.title :visible.syncupload.open width400px append-to-bodyel-uploadrefupload:limit1accept.xlsx, .xls:headersupload.headers:actionupload.url ?updateSupport upload.updateSupport:disabledupload.isUploading:on-progresshandleFileUploadProgress:on-successhandleFileSuccess:auto-uploadfalsedragi classel-icon-upload/idiv classel-upload__text将文件拖到此处或em点击上传/em/divdiv classel-upload__tip text-center slottipdiv classel-upload__tip slottipel-checkbox v-modelupload.updateSupport / 是否更新已经存在的用户数据/divspan仅允许导入xls、xlsx格式文件。/spanel-link typeprimary :underlinefalse stylefont-size:12px;vertical-align: baseline; clickimportTemplate下载模板/el-link/div/el-uploaddiv slotfooter classdialog-footerel-button typeprimary clicksubmitFileForm确 定/el-buttonel-button clickupload.open false取 消/el-button/div/el-dialog/div
/templatescript
import { listUser, getUser, delUser, addUser, updateUser, resetUserPwd, changeUserStatus } from /api/system/user;
import { getToken } from /utils/auth;
import { treeselect } from /api/system/dept;
import Treeselect from riophae/vue-treeselect;
import riophae/vue-treeselect/dist/vue-treeselect.css;export default {name: User,dicts: [sys_normal_disable, sys_user_sex],components: { Treeselect },data() {return {// 遮罩层loading: true,// 选中数组ids: [],// 非单个禁用single: true,// 非多个禁用multiple: true,// 显示搜索条件showSearch: true,// 总条数total: 0,// 用户表格数据userList: null,// 弹出层标题title: ,// 部门树选项deptOptions: undefined,// 是否显示弹出层open: false,// 部门名称deptName: undefined,// 默认密码initPassword: undefined,// 日期范围dateRange: [],// 岗位选项postOptions: [],// 角色选项roleOptions: [],// 表单参数form: {},defaultProps: {children: children,label: label},// 用户导入参数upload: {// 是否显示弹出层用户导入open: false,// 弹出层标题用户导入title: ,// 是否禁用上传isUploading: false,// 是否更新已经存在的用户数据updateSupport: 0,// 设置上传的请求头部headers: { Authorization: Bearer getToken() },// 上传的地址url: process.env.VUE_APP_BASE_API /system/user/importData},// 查询参数queryParams: {pageNum: 1,pageSize: 10,userName: undefined,phonenumber: undefined,status: undefined,deptId: undefined},// 列信息columns: [{ key: 0, label: 用户编号, visible: true },{ key: 1, label: 用户名称, visible: true },{ key: 2, label: 用户昵称, visible: true },{ key: 3, label: 部门, visible: true },{ key: 4, label: 手机号码, visible: true },{ key: 5, label: 状态, visible: true },{ key: 6, label: 创建时间, visible: true }],// 表单校验rules: {userName: [{ required: true, message: 用户名称不能为空, trigger: blur },{ min: 2, max: 20, message: 用户名称长度必须介于 2 和 20 之间, trigger: blur }],nickName: [{ required: true, message: 用户昵称不能为空, trigger: blur }],password: [{ required: true, message: 用户密码不能为空, trigger: blur },{ min: 5, max: 20, message: 用户密码长度必须介于 5 和 20 之间, trigger: blur }],email: [{type: email,message: 请输入正确的邮箱地址,trigger: [blur, change]}],phonenumber: [{pattern: /^1[3|4|5|6|7|8|9][0-9]\d{8}$/,message: 请输入正确的手机号码,trigger: blur}]}};},watch: {// 根据名称筛选部门树deptName(val) {this.$refs.tree.filter(val);}},created() {this.getList();this.getTreeselect();this.getConfigKey(sys.user.initPassword).then(response {this.initPassword response.msg;});},methods: {/** 查询用户列表 */getList() {this.loading true;listUser(this.addDateRange(this.queryParams, this.dateRange)).then(response {this.userList response.rows;this.total response.total;this.loading false;});},/** 查询部门下拉树结构 */getTreeselect() {treeselect().then(response {this.deptOptions response.data;});},// 筛选节点filterNode(value, data) {if (!value) return true;return data.label.indexOf(value) ! -1;},// 节点单击事件handleNodeClick(data) {this.queryParams.deptId data.id;this.getList();},// 用户状态修改handleStatusChange(row) {let text row.status 0 ? 启用 : 停用;this.$modal.confirm(确认要 text row.userName 用户吗).then(function() {return changeUserStatus(row.userId, row.status);}).then(() {this.$modal.msgSuccess(text 成功);}).catch(function() {row.status row.status 0 ? 1 : 0;});},// 取消按钮cancel() {this.open false;this.reset();},// 表单重置reset() {this.form {userId: undefined,deptId: undefined,userName: undefined,nickName: undefined,password: undefined,phonenumber: undefined,email: undefined,sex: undefined,status: 0,remark: undefined,postIds: [],roleIds: []};this.resetForm(form);},/** 搜索按钮操作 */handleQuery() {this.queryParams.pageNum 1;this.getList();},/** 重置按钮操作 */resetQuery() {this.dateRange [];this.resetForm(queryForm);this.handleQuery();},// 多选框选中数据handleSelectionChange(selection) {this.ids selection.map(item item.userId);this.single selection.length ! 1;this.multiple !selection.length;},// 更多操作触发handleCommand(command, row) {switch (command) {case handleResetPwd:this.handleResetPwd(row);break;case handleAuthRole:this.handleAuthRole(row);break;default:break;}},/** 新增按钮操作 */handleAdd() {this.reset();this.getTreeselect();getUser().then(response {this.postOptions response.posts;this.roleOptions response.roles;this.open true;this.title 添加用户;this.form.password this.initPassword;});},/** 修改按钮操作 */handleUpdate(row) {this.reset();this.getTreeselect();const userId row.userId || this.ids;getUser(userId).then(response {this.form response.data;this.postOptions response.posts;this.roleOptions response.roles;this.form.postIds response.postIds;this.form.roleIds response.roleIds;this.open true;this.title 修改用户;this.form.password ;});},/** 重置密码按钮操作 */handleResetPwd(row) {this.$prompt(请输入 row.userName 的新密码, 提示, {confirmButtonText: 确定,cancelButtonText: 取消,closeOnClickModal: false,inputPattern: /^.{5,20}$/,inputErrorMessage: 用户密码长度必须介于 5 和 20 之间}).then(({ value }) {resetUserPwd(row.userId, value).then(response {this.$modal.msgSuccess(修改成功新密码是 value);});}).catch(() {});},/** 分配角色操作 */handleAuthRole: function(row) {const userId row.userId;this.$router.push(/system/user-auth/role/ userId);},/** 提交按钮 */submitForm: function() {this.$refs[form].validate(valid {if (valid) {if (this.form.userId ! undefined) {updateUser(this.form).then(response {this.$modal.msgSuccess(修改成功);this.open false;this.getList();});} else {addUser(this.form).then(response {this.$modal.msgSuccess(新增成功);this.open false;this.getList();});}}});},/** 删除按钮操作 */handleDelete(row) {const userIds row.userId || this.ids;this.$modal.confirm(是否确认删除用户编号为 userIds 的数据项).then(function() {return delUser(userIds);}).then(() {this.getList();this.$modal.msgSuccess(删除成功);}).catch(() {});},/** 导出按钮操作 */handleExport() {this.download(system/user/export, {...this.queryParams}, user_${new Date().getTime()}.xlsx)},/** 导入按钮操作 */handleImport() {this.upload.title 用户导入;this.upload.open true;},/** 下载模板操作 */importTemplate() {this.download(system/user/importTemplate, {}, user_template_${new Date().getTime()}.xlsx)},// 文件上传中处理handleFileUploadProgress(event, file, fileList) {this.upload.isUploading true;},// 文件上传成功处理handleFileSuccess(response, file, fileList) {this.upload.open false;this.upload.isUploading false;this.$refs.upload.clearFiles();this.$alert(response.msg, 导入结果, { dangerouslyUseHTMLString: true });this.getList();},// 提交上传文件submitFileForm() {this.$refs.upload.submit();}}
};
/script
源码下载
CSDN 1积分下载https://download.csdn.net/download/caofeng891102/88648150
或者免费领取加小锋老师wxjava9266 热门推荐
免费分享一套SpringbootVue前后端分离的在线图书商城(书城)系统挺漂亮的-CSDN博客
免费分享一套SpringbootVue前后端分离的校园二手交易平台挺漂亮的-CSDN博客
免费分享一套SpringbootVue前后端分离的学生网上请假系统挺漂亮的-CSDN博客
免费分享一套基于springboot的进销存(仓库)管理系统挺漂亮的-CSDN博客
免费分享一套 SpringBoot Vue ElementUI 的人力资源管理系统挺漂亮的-CSDN博客
免费分享一套基于SpringbootVue的医院管理系统挺漂亮的-CSDN博客
