注释代码

wujiamei_branch
wjm 8 months ago
parent a37a7c23e4
commit 3af043d946

@ -1,6 +1,4 @@
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<%@ page isELIgnored="true" %>
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" isELIgnored="true" %>
<!-- 论坛中心 -->
<!DOCTYPE html>
<html>
@ -16,18 +14,10 @@
<!-- 通用的css -->
<link rel="stylesheet" href="../../css/common.css" />
</head>
<style>
.layui-laypage .layui-laypage-count {
padding: 0 10px;
}
.layui-laypage .layui-laypage-skip {
padding-left: 10px;
}
</style>
<body>
<div id="app">
<!-- 轮播图 -->
<div id="layui-carousel" class="layui-carousel">
<div id="layui-carousel" class="layui-carousel" lay-filter="carousel">
<div carousel-item>
<div class="layui-carousel-item" v-for="(item,index) in swiperList" :key="index">
<img :src="item.img" />
@ -35,17 +25,14 @@
</div>
</div>
<!-- 轮播图 -->
<!-- 标题 -->
<div id="breadcrumb">
<span class="en">FORUM / INFORMATION</span>
<span class="cn">我的发布</span>
</div>
<!-- 标题 -->
<div class="forum-container">
<table class="layui-table" lay-skin="nob">
<table class="layui-table nob" lay-skin="line">
<thead>
<tr>
<th>标题</th>
@ -54,89 +41,84 @@
</tr>
</thead>
<tbody>
<tr v-for="(item,index) in dataList" v-bind:key="index">
<tr v-for="(item,index) in dataList" v-key="index">
<td @click="jump('../forum/detail.jsp?id='+item.id);" style="text-align:left">{{item.title}}</td>
<td style="text-align:left">{{item.addtime}}</td>
<td style="text-align:left">
<td style="text-align:left">{{item.addtime}}</td>
<td style="text-align:left">
<button @click="jump('../forum/update.jsp?id='+item.id);" type="button" class="layui-btn layui-btn-radius btn-warm">
修改
</button>
<button @click="deleteClick(item.id)" type="button" class="layui-btn layui-btn-radius btn-theme">
删除
</button>
</td>
</tr>
</tbody>
</table>
<div class="pager" id="pager"></div>
</div>
</div>
<!-- layui -->
<script src="../../layui/layui.js"></script>
<!-- vue -->
<script src="../../js/vue.js"></script>
<!-- 组件配置信息 -->
<script src="../../js/config.js"></script>
<!-- 扩展插件配置信息 -->
<script src="../../modules/config.js"></script>
<!-- 工具方法 -->
<script src="../../js/utils.js"></script>
<script>
var vue = new Vue({
el: '#app',
data: {
// 轮播图
swiperList: [{
img: '../../img/banner.jpg'
}],
dataList: []
},
filters: {
newsDesc: function(val) {
if (val) {
if (val.length > 200) {
return val.substring(0, 200).replace(/<[^>]*>/g).replace(/undefined/g, '');
} else {
return val.replace(/<[^>]*>/g).replace(/undefined/g, '');
}
}
return '';
}
},
methods: {
jump(url) {
jump(url)
},
deleteClick(id) {
layui.layer.confirm('是否确认删除?', {
btn: ['删除', '取消'] //按钮
}, function() {
layui.http.requestJson(`forum/delete`, 'post', [id], function(res) {
layer.msg('删除成功', {
time: 2000,
icon: 6
}, function(res) {
window.location.reload();
});
})
});
}
}
})
layui.use(['layer', 'element', 'carousel', 'laypage', 'http', 'jquery'], function() {
var layer = layui.layer;
var element = layui.element;
var carousel = layui.carousel;
var laypage = layui.laypage;
var http = layui.http;
var jquery = layui.jquery;
var limit = 10;
修改
</button>
<button @click="deleteClick(item.id)" type="button" class="layui-btn layui-btn-radius btn-theme">
删除
</button>
</td>
</tr>
</tbody>
</table>
<div class="pager" id="pager"></div>
</div>
</div>
<!-- layui -->
<script src="../../layui/layui.js"></script>
<!-- vue -->
<script src="../../js/vue.js"></script>
<!-- 组件配置信息 -->
<script src="../../js/component.js"></script>
<!-- 扩展插件配置信息 -->
<script src="../../js/extend.js"></script>
<!-- 工具方法 -->
<script src="../../js/tool.js"></script>
<script>
var vue = new Vue({
el: '#app',
// 轮播图
data: {
// 轮播图
swiperList: [],
// 列表数据
dataList: []
},
filters: {
newsDesc: function(val) {
if (val) {
if (val.length > 200) {
return val.substring(0, 200) + '...';
} else {
return val.replace(/<\/?[^>]+>/g, '').replace(/undefined/g, '');
}
}
return '';
}
},
methods: {
jump(url) {
jump(url)
},
deleteClick(id) {
layui.layer.confirm('是否确认删除?', {
btn: ['删除', '取消'] //按钮
}, function() {
layui.http.requestJson(`forum/delete`, 'post', [id], function() {
layer.msg('删除成功', {
time: 2000,
icon: 6,
}, function() {
window.location.reload();
});
})
});
}
}
});
layui.use(['layer', 'element', 'carousel', 'laypage', 'http', 'jquery'], function() {
var layer = layui.layer;
var element = layui.element;
var carousel = layui.carousel;
var laypage = layui.laypage;
var http = layui.http;
var jquery = layui.jquery;
var limit = 10;
// 获取轮播图 数据
http.request('config/list', 'get', {
page: 1,
@ -145,11 +127,11 @@
if (res.data.list.length > 0) {
let swiperList = [];
res.data.list.forEach(element => {
if (element.value != null) {
swiperList.push({
img: http.baseurl+element.value
});
}
if (element.value != null) {
swiperList.push({
img: httpbaseurl+element.value
});
}
});
vue.swiperList = swiperList;
@ -167,37 +149,35 @@
})
}
});
// 获取列表数据
http.request('forum/page?parentid=0&sort=addtime&order=desc', 'get', {
page: 1,
// 获取列表数据
http.request('forum/page?parentid=0&sort=addtime&order=desc', 'get', {
page: 1,
limit: limit
}, function(res) {
vue.dataList = res.data.list
// 分页
laypage.render({
elem: 'pager',
count: res.data.total,
}, function(res) {
vue.dataList = res.data.list;
// 分页
laypage.render({
elem: 'pager',
count: res.data.total,
limit: limit,
groups: 5,
layout: ["count","prev","page","next","limit","skip"],
prev: '上一页',
next: '下一页',
jump: function(obj, first) {
//首次不执行
if (!first) {
http.request('forum/page?parentid=0&sort=addtime&order=desc', 'get', {
page: obj.curr,
limit: obj.limit
}, function(res) {
vue.dataList = res.data.list
})
}
}
});
})
});
</script>
</body>
groups: 5,
layout: ["count","prev","page","next","limit","skip"],
prev: '上一页',
next: '下一页',
jump: function(obj, first) {
//首次不执行
if (!first) {
http.request('forum/page?parentid=0&sort=addtime&order=desc', 'get', {
page: obj.curr,
limit: obj.limit
}, function(res) {
vue.dataList = res.data.list;
});
}
}
});
});
});
</script>
</body>
</html>

@ -9,6 +9,7 @@
//清空上次查选的痕迹
editor.firstForSR = 0;
editor.currentRangeForSR = null;
//给tab注册切换事件
/**
* tab点击处理事件
@ -16,51 +17,53 @@ editor.currentRangeForSR = null;
* @param tabBodys
* @param obj
*/
function clickHandler( tabHeads,tabBodys,obj ) {
function clickHandler(tabHeads, tabBodys, obj) {
//head样式更改
for ( var k = 0, len = tabHeads.length; k < len; k++ ) {
for (var k = 0, len = tabHeads.length; k < len; k++) {
tabHeads[k].className = "";
}
obj.className = "focus";
//body显隐
var tabSrc = obj.getAttribute( "tabSrc" );
for ( var j = 0, length = tabBodys.length; j < length; j++ ) {
var tabSrc = obj.getAttribute("tabSrc");
for (var j = 0, length = tabBodys.length; j < length; j++) {
var body = tabBodys[j],
id = body.getAttribute( "id" );
if ( id != tabSrc ) {
id = body.getAttribute("id");
if (id != tabSrc) {
body.style.zIndex = 1;
} else {
body.style.zIndex = 200;
}
}
}
/**
* TAB切换
* @param tabParentId tab的父节点ID或者对象本身
*/
function switchTab( tabParentId ) {
var tabElements = $G( tabParentId ).children,
function switchTab(tabParentId) {
var tabElements = $G(tabParentId).children,
tabHeads = tabElements[0].children,
tabBodys = tabElements[1].children;
for ( var i = 0, length = tabHeads.length; i < length; i++ ) {
for (var i = 0, length = tabHeads.length; i < length; i++) {
var head = tabHeads[i];
if ( head.className === "focus" )clickHandler(tabHeads,tabBodys, head );
if (head.className === "focus") clickHandler(tabHeads, tabBodys, head);
head.onclick = function () {
clickHandler(tabHeads,tabBodys,this);
}
clickHandler(tabHeads, tabBodys, this);
};
}
}
$G('searchtab').onmousedown = function(){
$G('searchtab').onclick = function () {
$G('search-msg').innerHTML = '';
$G('replace-msg').innerHTML = ''
}
$G('replace-msg').innerHTML = '';
};
//是否区分大小写
function getMatchCase(id) {
return $G(id).checked ? true : false;
}
//查找
$G("nextFindBtn").onclick = function (txt, dir, mcase) {
var findtxt = $G("findtxt").value, obj;
@ -68,56 +71,58 @@ $G("nextFindBtn").onclick = function (txt, dir, mcase) {
return false;
}
obj = {
searchStr:findtxt,
dir:1,
casesensitive:getMatchCase("matchCase")
searchStr: findtxt,
dir: 1,
casesensitive: getMatchCase("matchCase")
};
if (!frCommond(obj)) {
var bk = editor.selection.getRange().createBookmark();
$G('search-msg').innerHTML = lang.getEnd;
editor.selection.getRange().moveToBookmark(bk).select();
}
};
$G("nextReplaceBtn").onclick = function (txt, dir, mcase) {
var findtxt = $G("findtxt1").value, obj;
if (!findtxt) {
return false;
}
obj = {
searchStr:findtxt,
dir:1,
casesensitive:getMatchCase("matchCase1")
searchStr: findtxt,
dir: 1,
casesensitive: getMatchCase("matchCase1")
};
frCommond(obj);
};
$G("preFindBtn").onclick = function (txt, dir, mcase) {
var findtxt = $G("findtxt").value, obj;
if (!findtxt) {
return false;
}
obj = {
searchStr:findtxt,
dir:-1,
casesensitive:getMatchCase("matchCase")
searchStr: findtxt,
dir: -1,
casesensitive: getMatchCase("matchCase")
};
if (!frCommond(obj)) {
$G('search-msg').innerHTML = lang.getStart;
}
};
$G("preReplaceBtn").onclick = function (txt, dir, mcase) {
var findtxt = $G("findtxt1").value, obj;
if (!findtxt) {
return false;
}
obj = {
searchStr:findtxt,
dir:-1,
casesensitive:getMatchCase("matchCase1")
searchStr: findtxt,
dir: -1,
casesensitive: getMatchCase("matchCase1")
};
frCommond(obj);
};
//替换
$G("repalceBtn").onclick = function () {
var findtxt = $G("findtxt1").value.replace(/^\s|\s$/g, ""), obj,
@ -129,13 +134,14 @@ $G("repalceBtn").onclick = function () {
return false;
}
obj = {
searchStr:findtxt,
dir:1,
casesensitive:getMatchCase("matchCase1"),
replaceStr:replacetxt
searchStr: findtxt,
dir: 1,
casesensitive: getMatchCase("matchCase1"),
replaceStr: replacetxt
};
frCommond(obj);
};
//全部替换
$G("repalceAllBtn").onclick = function () {
var findtxt = $G("findtxt1").value.replace(/^\s|\s$/g, ""), obj,
@ -147,18 +153,20 @@ $G("repalceAllBtn").onclick = function () {
return false;
}
obj = {
searchStr:findtxt,
casesensitive:getMatchCase("matchCase1"),
replaceStr:replacetxt,
all:true
searchStr: findtxt,
casesensitive: getMatchCase("matchCase1"),
replaceStr: replacetxt,
all: true
};
var num = frCommond(obj);
if (num) {
$G('replace-msg').innerHTML = lang.countMsg.replace("{#count}", num);
}
};
//执行
var frCommond = function (obj) {
return editor.execCommand("searchreplace", obj);
};
switchTab("searchtab");
switchTab("searchtab"); //注释代码
Loading…
Cancel
Save