新建root html file,root.html

最新推荐文章于 2023-06-02 14:29:48 发布
最新推荐文章于 2023-06-02 14:29:48 发布
阅读量168 收藏
点赞数

新建root html file
账号管理

成都杜甫草堂博物馆综合信息管理平台

{{userData.userName}}，欢迎您

登出

首页

账号管理

{{date + ' 星期' + week + ' ' + time}}

添加账号

账号列表

新增用户组

用户组管理

Toggle navigation

{{tabs[tabCurrent]}}

  • 添加账号

  • 账号列表

  • 新增用户组

  • 用户组列表

用户名

选择头像

自定义

真实姓名

密码

确认密码

所属用户组

--请选择--

{{item.groupName}}

保存

序号用户名真实姓名所属用户组创建管理员创建时间操作

{{item.id}}{{item.userName}}{{item.realName}}{{item.groupName}}{{item.createName}}{{item.createTime}}

修改

删除

总计{{total}}人

  • «

  • {{i}}

  • {{i}}

    ...

  • »

  • 上一页
  • 下一页

用户组名称

用户组权限

一级权限二级权限

{{item.title}}

{{second.title}}

提示：1、选择二级权限时必须选择对应的一级权限，否则不生效！

保存

序号名称权限创建管理员创建时间操作

{{item.id}}{{item.groupName}}{{item.userAuthority}}admin{{item.createTime}}

修改

删除

Copyright 成都杜甫草堂博物馆

let tabs = {

1: '添加账号',

2: '账号列表',

3: '添加用户组',

4: '用户组列表',

};

var root = new Vue({

el: '#root',

data() {

return {

//=============>通用<=================

time: this.timeFormat('hh:mm'),

date: this.timeFormat('yyyy年MM月dd日'),

week: this.timeFormat('D'),

baseUrl: api.baseUrl,

userData: store.fetch('userLoginInfo'),

tabCurrent: 1,

tabs: tabs,

complete: false,

roles: store.fetch('userLoginInfo').roles,

//==============>新增用户<================

userImg: '',//用户上传图片

userSelectImg: 'head.png',//用户选定图片

upimgurl: '',

userEditSelectImg: '',

addUserForm: {

name: '',

header_img: 'head.png',

rel_name: '',

password: '',

group_id: '',

create_name: 'admin',

rel_name: '',

group: ''

},

confirm: '',//确认密码

groupList: [],//用户组列表,

// ==============>账号列表<===============

userPages: [],//页数

total: 0,//总条数

userList: [],//用户列表

currentPage: 1,//当前页码

//修改用户

editUserForm: {

name: '',

header_img: '',

rel_name: '',

password: '',

group_id: '',

create_name: '',

rel_name: '',

group: '',

id: ''

},

confirm1: '',

delId: '',

//================>新增用户组<=============

menuList: [],//菜单列表

addRootMenuList: [],//新增用户组权限

addUserGroupName: '',

//编辑

editGroupId: '',

editGroupName: '',

editGroupRoles: [],

delGroupId: ''

}

},

created() {

},

mounted() {

this.init();

// this.getUserGroupList();

window.pageSet();

},

methods: {

//================================>通用<====================================

//初始化

init() {

this.getDate();

if(this.menuConfig('添加账号')) {

this.tabClick(1);

return false;

}

if(this.menuConfig('账号列表')) {

this.tabClick(2);

return false;

}

if(this.menuConfig('新增用户组')) {

this.tabClick(3);

return false;

}

if(this.menuConfig('用户组管理')) {

this.tabClick(4);

return false;

}

},

//权限判断

menuConfig(menuName) {

let re = new RegExp(menuName);

return re.test(this.roles);

},

tabClick(i) {

this.tabCurrent = i;

this.complete = false;

if(i === 1) {

this.addUserInit();

}

if(i === 2) {

this.userListInit();

}

if(i === 3) {

this.addUserGroupInit()

}

if(i === 4) {

this.userGroupInit();

}

},

//添加账号初始化

addUserInit() {

// this.getMenu();

this.getUserGroupList();

this.userImg = ''

},

//账号列表初始化

userListInit() {

this.getUserList();

},

//新增用户组初始化

addUserGroupInit() {

this.getMenu();

},

//用户组管理初始化

userGroupInit() {

this.getMenu();

this.getUserGroupList();

},

//时间格式化

timeFormat(fmt) {

let date = new Date();

let week = {

0: '日',

1: '一',

2: '二',

3: '三',

4: '四',

5: '五',

6: '六'

};

var o = {

"M+" : date.getMonth()+1, //月份

"d+" : date.getDate(), //日

"h+" : date.getHours(), //小时

"m+" : date.getMinutes(), //分

"s+" : date.getSeconds(), //秒

"q+" : Math.floor((date.getMonth()+3)/3), //季度

"S" : date.getMilliseconds(), //毫秒

"D" : week[date.getDay()]

};

if(/(y+)/.test(fmt))

fmt=fmt.replace(RegExp.$1, (date.getFullYear()+"").substr(4 - RegExp.$1.length));

for(var k in o)

if(new RegExp("("+ k +")").test(fmt))

fmt = fmt.replace(RegExp.$1, (RegExp.$1.length==1) ? (o[k]) : (("00"+ o[k]).substr((""+ o[k]).length)));

return fmt;

},

//动态获取时间、

getDate() {

setInterval(() => {

this.time = this.timeFormat('hh:mm');

this.date = this.timeFormat('yyyy年MM月dd日');

this.week = this.timeFormat('D')

},1000)

},

//登出

logout() {

store.clear('userLoginInfo');

store.clear('userData');

window.location.href = '/login.html';

},

//================================>添加账号<==================================

//选择头像

imgSelect(imgUrl) {

this.userSelectImg = imgUrl;

this.addUserForm.header_img = imgUrl;

},

imgSelect1(imgUrl) {

this.userEditSelectImg = imgUrl;

this.editUserForm.header_img = imgUrl;

},

//用户上传头像

userUpdateImg(e) {

this.imgUpload(e)

},

//获取用户组列表

getUserGroupList() {

api.getGroupList().then(res => {

this.complete = true;

if(res.data.status == 'success') {

this.groupList = res.data.data;

}

})

},

//提示通知

notice(title,msg,type) {

spop({

template: '

'+title+'
'+msg,

style: type,

autoclose: 3000

});

},

//图片文件上传

imgUpload(e) {

let formData = new FormData();

let file = e.target.files[0];

if(!file) {

return false

}

formData.append('fileName',file);

api.upload(formData).then(res => {

if(res.data.status == 'success') {

this.userImg = file.name;

this.notice('提示','图片上传成功','success')

}else {

this.notice('错误','图片上传失败','error')

}

}).catch(err => {

this.notice('错误','图片上传失败','error')

});

e.target.value = '';

},

//保存

addUser() {

if(!this.addUserForm.name) {

this.notice('错误','请填写用户名！','error');

this.$refs.addName.focus();

return false;

};

if(!this.addUserForm.rel_name) {

this.notice('错误','请填写真实姓名！','error');

this.$refs.addRelname.focus();

return false;

};

if(!this.addUserForm.password) {

this.notice('错误','请填写密码！','error');

this.$refs.addPassword.focus();

return false;

};

if(!this.confirm) {

this.notice('错误','请填写确认密码！','error');

this.$refs.addConfirm.focus();

return false;

}else if(this.confirm != this.addUserForm.password){

this.notice('错误','两次输入的密码不一致，请重新输入！','error');

this.confirm = '';

this.addUserForm.password = '';

this.$refs.addPassword.focus();

return false;

};

if(!this.addUserForm.group) {

this.notice('错误','请选择用户组！','error');

this.$refs.addUserGroup.focus();

return false;

};

let body = {

creatorName: this.addUserForm.create_name,

groupId: this.addUserForm.group.groupId,

groupName: this.addUserForm.group.groupName,

password: this.addUserForm.password,

realName: this.addUserForm.rel_name,

userHeader: this.addUserForm.header_img,

userName: this.addUserForm.name

};

api.addUser(body).then(res => {

if(res.data.status == 'success') {

this.notice('提示','添加成功！','success');

this.addUserForm = {

name: '',

header_img: 'head.png',

rel_name: '',

password: '',

group_id: '',

create_name: 'admin',

rel_name: '',

group: ''

};

this.confirm = '';

let body = {

author: this.userData.userName,

moduleChileName: '添加账号',

moduleName: '账号管理',

operation: '添加账号'

}

this.recordLog(body)

}else {

this.notice('错误',res.data.data.errMsg,'error');

return false;

}

}).catch(err => {

this.notice('错误','服务器开小差了，请稍后再试！','error');

})

},

//=============================>账号列表<=============================

//点击页码

selectPage(i) {

this.currentPage = i;

this.getUserList();

},

//上一页

topPage() {

if(this.currentPage === 1) {

return false;

}

this.currentPage --;

this.getUserList();

},

//下一页

nextPage() {

if(this.currentPage === this.userPages[this.userPages.length-1]) {

return false;

}

this.currentPage++;

this.getUserList();

},

//获取数据

getUserList() {

let body = {

pageSize: 10,

pageNum: this.currentPage

}

this.complete = false;

api.getUserList(body).then(res => {

this.complete = true;

if(res.data.status == 'success') {

let data = res.data.data.list;

for (const i in data) {

if(data[i].createTime) {

data[i].createTime = data[i].createTime.split(' ')[0];

}

}

this.userList = data;

this.userPages = res.data.data.navigatepageNums;

this.total = res.data.data.total;

}

});

},

//编辑用户

editUserConfig(item) {

this.userImg = ''

this.editUserForm.name = item.userName;

this.editUserForm.header_img = item.userHeaderImage;

this.editUserForm.password = item.password;

this.editUserForm.group_id = item.groupId;

this.editUserForm.group = {

groupName: item.groupName,

groupId: item.groupId

};

this.editUserForm.create_name = item.createName;

this.editUserForm.rel_name = item.realName;

this.confirm1 = item.password;

this.userEditSelectImg = item.userHeaderImage;

this.editUserForm.id = item.id

if(!(this.userEditSelectImg == 'head.png' || this.userEditSelectImg == 'head01 (1).jpg' || this.userEditSelectImg == 'head01 (2).jpg'|| this.userEditSelectImg == 'head01 (3).jpg'|| this.userEditSelectImg == 'head01 (4).jpg'|| this.userEditSelectImg == 'head01 (4).jpg')) {

this.userImg = this.userEditSelectImg

}

},

//取消编辑

cancleEdit() {

this.editUserForm = {

name: '',

header_img: '',

rel_name: '',

password: '',

group_id: '',

create_name: '',

rel_name: '',

group: '',

id: ''

},

this.userEditSelectImg = '';

},

//保存编辑

editSubmit() {

let body = {

creatorName: this.editUserForm.create_name,

groupId: this.editUserForm.group.groupId,

groupName: this.editUserForm.group.groupName,

password: this.editUserForm.password,

realName: this.editUserForm.rel_name,

userHeader: this.editUserForm.header_img,

userName: this.editUserForm.name,

id: this.editUserForm.id

}

this.complete = false;

api.editUser(body).then(res => {

this.complete = true;

if(res.data.status == 'success') {

this.notice('提示','修改成功！','success');

$('#editUser').modal('hide');

let body = {

author: this.userData.userName,

moduleChileName: '账号列表',

moduleName: '账号管理',

operation: '修改账号'

}

this.recordLog(body)

}

this.getUserList();

})

},

//删除用户

delUser(id) {

this.delId = id;

},

delSubmit() {

let body = {

id: this.delId

};

this.complete = false;

api.delUser(body).then(res => {

this.complete = true;

if(res.data.status == 'success') {

this.notice('提示','删除成功！','success');

$('#delModal').modal('hide');

this.getUserList()

let body = {

author: this.userData.userName,

moduleChileName: '账号列表',

moduleName: '账号管理',

operation: '删除账号'

}

this.recordLog(body)

}else {

this.notice('提示','删除失败！','error');

$('#delModal').modal('hide');

}

}).catch(err => {

this.complete = true;

this.notice('提示','服务器开小差了，请稍后再试！','error');

})

},

//=============================>新增用户组<=============================

getMenu() {

this.complete = false;

api.getMenuList().then(res => {

this.complete = true;

if(res.data.status == 'success') {

let data = res.data.data;

this.menuList = data;

let add = {

title: '新增'

}

this.menuList.push(add)

}

}).catch(err => {

this.notice('提示','服务器开小差了，请稍后再试！','error');

})

},

saveUserGroup() {

if(!this.addUserGroupName) {

this.notice('提示','请填写用户组名称！','error');

this.$refs.rootName.focus()

}

if(this.addRootMenuList.length < 1) {

this.notice('提示','请至少选择一项权限！','error');

}

let userAuthority = this.addRootMenuList.join(',');

let userGroupName = this.addUserGroupName;

let body = {

userAuthority,

userGroupName

}

this.complete = false;

api.addUserGroup(body).then(res => {

this.complete = true;

if(res.data.status == 'success') {

this.notice('提示','添加成功！','success');

this.addRootMenuList = [];

this.addUserGroupName = '';

let body = {

author: this.userData.userName,

moduleChileName: '新增用户组',

moduleName: '账号管理',

operation: '新增用户组'

}

this.recordLog(body)

}else {

this.notice('提示','添加失败！','error');

}

}).catch(err => {

this.complete = true;

this.notice('提示','服务器开小差了，请稍后再试！','error');

})

},

//=================================>用户组管理<==================================

editGroup(item) {

this.editGroupId = item.id;

this.editGroupName = item.groupName;

this.editGroupRoles = item.userAuthority.split(',')

},

cancleEditGroup() {

this.editGroupId = '';

this.editGroupName = '';

this.editGroupRoles = [];

},

saveEditGroup() {

let body = {

id: this.editGroupId,

userAuthority: this.editGroupRoles.join(','),

userGroupName: this.editGroupName

}

this.complete = false;

api.edieUserGroup(body).then(res => {

this.complete = true;

if(res.data.status == 'success') {

this.notice('提示','修改成功！','success');

$('#editRoot').modal('hide');

this.getUserGroupList()

let body = {

author: this.userData.userName,

moduleChileName: '用户组管理',

moduleName: '账号管理',

operation: '修改用户组'

}

this.recordLog(body)

}else {

this.notice('提示','修改失败！','error');

}

}).catch(err => {

this.complete = true;

this.notice('提示','服务器开小差了，请稍后再试！','error');

})

},

delGroup(id) {

this.delGroupId = id;

$('#delModal').modal('show');

},

delGroupSubmit() {

let body = {

id: this.delGroupId

}

this.complete = false;

api.delGroup(body).then(res => {

this.complete = true;

if(res.data.status == 'success') {

this.notice('提示','删除成功！','success');

$('#delModal').modal('hide');

this.getUserGroupList()

let body = {

author: this.userData.userName,

moduleChileName: '用户组管理',

moduleName: '账号管理',

operation: '删除用户组'

}

this.recordLog(body)

}else {

this.notice('提示','删除失败！','error');

$('#delModal').modal('hide');

}

}).catch(err => {

this.complete = true;

this.notice('提示','服务器开小差了，请稍后再试！','error');

})

},

recordLog(body,fn=false) {

api.updateLog(body).then(res => {

if(fn) {

let newFN = new Function(fn);

newFN();

}

}).catch(err => {

console.error(err)

})

},

}

})

一键复制

编辑

Web IDE

原始数据

按行查看

历史

青涩Pure
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
CSS中的：root和html有什么区别？
liuhao9999的博客
06-14 1769
CSS中的：root和html有什么区别？
html css root,css :root 选择器
weixin_27282525的博客
06-20 153
Linux中C程序调试、makefilegcc基本语法格式:gcc [-选项] 源文件 [-选项] 目标文件,GCC编译C程序的过程: 预处理:gcc -E hello.c hello.i.-E指定执行到预处理结束,下面类似. 编译:gcc ...C&num;中ListView的简单使用方法ListView是用于显示数据的,先在窗体中拉一个lisview控件,还有一些新增.修改.删除.查询...
RootMe--HTML
weixin_34292924的博客
04-02 175
题目链接:　　http://challenge01.root-me.org/web-serveur/ch1/ 入门题，打开浏览器，按F12可看到一段注释 得到flag：nZ^&@q5&sjJHev0 转载于:https://www.cnblogs.com/yuuki-aptx/p/10644254.html...
saltstack 的file_roots多环境配置
叱咤少帅的博客
12-29 1533
在salt的主配置/etc/salt/master中有一个例子: # The file server works on environments passed to the master, each environment # can have multiple root directories, the subdirectories in the multiple file # roots ...
nginx如何找到默认根目录(root html)
天空之上有座城
06-02 4064
这就涉及到nginx查找相对路径的机制。现在，看看上面的配置，nginx是如何根据配置找到。,因此此时nginx查找的html的完整路径是。拼接到相对路径的前面，共同组成一个完整的路径。在不同的环境中安装可能都是不一样的。系统上nginx配置文件在。
windows下mysql忘记root密码的解决方法
09-11
- 在 MySQL 安装目录下新建一个名为 `pwdhf.txt` 的文本文件。 - 编辑该文件，内容如下： ```sql SET PASSWORD FOR 'root'@'localhost' = PASSWORD('新密码'); ``` - 其中 `'新密码'` 需要替换为您想要设置的...
新建Web应用项目和集成Tomcat服务器.doc
11-29
2. 输入项目信息，包括项目名称、Web 根目录、Context root URL 等。 3. 选择需要 JSTL 标签库的系统库文件，并选择工作目录。 4. 点击 Finish 后，MyEclipse 将创建 Web Application 的目录结构和 web.xml 等文件。...
修复新建文本.txt
04-21
对于`HKEY_CLASSES_ROOT\.txt`键，设置默认值为`txtfile`，并创建名为`PerceivedType`的字符串值，将其值数据设置为`text`；创建名为`ContentType`的字符串值，将其值数据设置为`text/plain`。 对于`HKEY_CLASSES_...
如何恢复右键的新建记事本菜单.docx
09-27
[HKEY_CLASSES_ROOT\txtfile\shell\open\command] @="%SystemRoot%\\system32\\notepad.exe \"%1\"" ``` - 保存该文件为`notepad.reg`，注意选择“所有文件”格式保存，而不是默认的`.txt`格式。 2. **导入...
如何在新建菜单中添加文件类型.docx
09-27
[HKEY_CLASSES_ROOT\pngFile] @="png 文件" [HKEY_CLASSES_ROOT\pngFile\shell] [HKEY_CLASSES_ROOT\pngFile\shell\open] [HKEY_CLASSES_ROOT\pngFile\shell\open\command] @="C:\\Windows\\firwork.EXE %1" ...
Nginx 基础使用
学过的东西，讲不出来等于没学。
04-11 1307
Nginx 基础使用 目录结构 进入Nginx的主目录我们可以看到这些文件夹 client_body_temp conf fastcgi_temp html logs proxy_temp sbin scgi_temp uwsgi_temp 其中这几个文件夹在刚安装后是没有的，主要用来存放运行过程中的临时文件 client_body_temp fastcgi_temp proxy_temp scgi_temp conf 用来存放配置文件相关 html 用来存放静态文件的默认目录 html、css等
Nginx配置及使用
Soil_Three_66的博客
10-09 2322
Nginx基础配置及使用
一文读懂 nginx配置
langwuzhe的博客
03-22 2528
一、文件说明 html：放静态文件 conf：配置文件 logs：日志 sbin：nginx 启动 二、命令 nginx #启动 nginx -s stop / nginx -s quit #停止服务 nginx -t 检查配置文件 nginx -s reload # 重启 nginx nginx -c /usr/local/nginx/conf/nginx.conf #启动指定加载的配置文件...
location指令
weixin_53150440的博客
10-10 1148
location指令，查找顺序和优先级，实验
linux nginx root目录,详解nginx.conf 中 root 目录设置问题
weixin_35698659的博客
04-30 7423
在配置 nginx.conf 总会遇到一些问题，下面列举一些常见的问题并说明如何解决1、相对路径的问题例如配置文件中 location 设置location ~ .php${root html}location 中root所指向的html是一个相对路径，相对的是这个配置文件的路径，假设此配置文件的位置是/etc/nginx/conf.d，那么这个html的绝对路径就是/etc/nginx/conf...
HTML：常见HTML标签
qq_45662289的博客
01-30 474
HTML与CSS、JS的关系（网页的组成） (1) HTML:超文本标记语言，是使用标记标签来描述网页的一种语言；(骨架) (2) CSS:层叠样式表(Cascading Style Sheets)是一种用来为HTML或XML（标准通用标记语言子集）等文件修饰样式的语言。（衣服） (3) JS:（JavaScript）是一种轻量级的编程语言,后续课程会详细讲解;(行为和功能) 常见HTML标签...
数据---File
Root_Lyretail
08-21 583
Android中文件的存储操作： Activity的openFileOutput()方法可以用于把数据输出到文件中创建的文件保存在/data/data//files目录实现过程与在Java中保存数据到文件中是一样的 创建文件： File file = new File("/mnt/sdcard/test");//此为内置目录，外置目录为/mnt/extsdcard/test if(!fi
“*、:root、html三者权重问题“以及“css样式继承的权重“以及“CSS 自定义属性（原生css中对变量的支持）”
qq_35306736的博客
08-31 1905
前言： 百度查啥的时候瞥到的一个糟糕回答的慕课提问，就“我行我上了” https://www.imooc.com/qadetail/68527?t=547070#id_547070 正文: 首先，这几个选择器是干嘛的， :root也就是选择了html的伪元素选择器(:root选择器用匹配文档的根元素,在HTML中根元素始终是HTML元素。) 与html标签选择器区别是权重不同—— :root权重是(0,1,0),html权重（0,0,1） :root的高位比html的高位的数值要大.
html:root body。。。理解
qq_31135027的博客
03-23 765
完标题应该是html:root body, html:root input, html:root button, html:root textarea, html:root select{font-family:'Microsoft YaHei',Tahoma, Geneva,  'SimSun';}的理解是为了让web端接收Emoji颜文字，详情可点击打开链接...
新建“/usr/root/file.txt”文件，并设置初始大小为 10KB。
最新发布
06-11
好的，以下是新建“/usr/root/file.txt”文件，并设置初始大小为 10KB 的命令： ``` truncate -s 10K /usr/root/file.txt ``` 运行上述命令后，系统将会在“/usr/root”目录下新建一个名为“file.txt”的文件，并将其初始大小设置为 10KB。如果该目录下已经存在了名为“file.txt”的文件，则该命令将会将该文件截断并设置初始大小为 10KB。如果您希望在已经存在的文件中添加内容而不是截断文件，请使用“>>”操作符，例如： ``` echo "This is some content to add to the file" >> /usr/root/file.txt ``` 该命令将会在“/usr/root/file.txt”文件末尾添加一行文本内容。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值