注释代码

wujiamei_branch
wjm 8 months ago
parent a37a7c23e4
commit 3af043d946

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

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