新建主题完善
This commit is contained in:
@@ -69,7 +69,7 @@ public class WebSecurityConfig extends WebSecurityConfigurerAdapter{
|
|||||||
.loginProcessingUrl("/login") //登录POST请求路径
|
.loginProcessingUrl("/login") //登录POST请求路径
|
||||||
.usernameParameter("username") //登录用户名参数
|
.usernameParameter("username") //登录用户名参数
|
||||||
.passwordParameter("password") //登录密码参数
|
.passwordParameter("password") //登录密码参数
|
||||||
.defaultSuccessUrl("/") //默认登录成功页面
|
.defaultSuccessUrl("/main") //默认登录成功页面
|
||||||
.and()
|
.and()
|
||||||
.exceptionHandling()
|
.exceptionHandling()
|
||||||
.accessDeniedHandler(customAccessDeniedHandler) //无权限处理器
|
.accessDeniedHandler(customAccessDeniedHandler) //无权限处理器
|
||||||
|
|||||||
@@ -22,7 +22,6 @@ public class TestController {
|
|||||||
|
|
||||||
|
|
||||||
@RequestMapping("/world")
|
@RequestMapping("/world")
|
||||||
|
|
||||||
public String world(Map<String, Object> model) {
|
public String world(Map<String, Object> model) {
|
||||||
model.put("data","2019");
|
model.put("data","2019");
|
||||||
// request.setAttribute("name", "xxxxxxxxx");
|
// request.setAttribute("name", "xxxxxxxxx");
|
||||||
|
|||||||
@@ -48,11 +48,7 @@ public class UserSystemController extends BaseController {
|
|||||||
List<Users> useral2 = usersService.getAllList();
|
List<Users> useral2 = usersService.getAllList();
|
||||||
logger.info(">>> 第二遍的全部用户："+useral2);
|
logger.info(">>> 第二遍的全部用户："+useral2);
|
||||||
|
|
||||||
String username ="";
|
|
||||||
|
|
||||||
//分页获取主题帖子
|
//分页获取主题帖子
|
||||||
// List<Discussions> allDiscussions = discussionsService.getAllList();
|
|
||||||
|
|
||||||
Page<Discussions> allDiscussionsPage = discussionsService.queryAllDiscussionsList(0,20);
|
Page<Discussions> allDiscussionsPage = discussionsService.queryAllDiscussionsList(0,20);
|
||||||
|
|
||||||
List<Discussions> allDiscussions =allDiscussionsPage.getContent();
|
List<Discussions> allDiscussions =allDiscussionsPage.getContent();
|
||||||
@@ -79,6 +75,38 @@ public class UserSystemController extends BaseController {
|
|||||||
return "index";
|
return "index";
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
//首页main
|
||||||
|
@RequestMapping("/main")
|
||||||
|
public String homePage(HttpServletRequest request, ModelMap map) {
|
||||||
|
logger.info(">>> index");
|
||||||
|
|
||||||
|
//分页获取主题帖子
|
||||||
|
Page<Discussions> allDiscussionsPage = discussionsService.queryAllDiscussionsList(0,20);
|
||||||
|
|
||||||
|
List<Discussions> allDiscussions =allDiscussionsPage.getContent();
|
||||||
|
|
||||||
|
logger.info("全部主题==>：{}",allDiscussions);
|
||||||
|
|
||||||
|
//获取主题帖子的分页数据
|
||||||
|
List<String> pageNumList = getPageNumList(allDiscussionsPage.getTotalPages());
|
||||||
|
|
||||||
|
//获取所有标签（以后尝试去缓存中取）
|
||||||
|
List<Tags> allTags = tagsService.getAllList();
|
||||||
|
logger.info("全部标签==>：{}",allTags);
|
||||||
|
|
||||||
|
map.put("data", "Jiscuss 用户");
|
||||||
|
map.put("allDiscussions", allDiscussions);
|
||||||
|
map.put("pageDiscussions", pageNumList);
|
||||||
|
map.put("allTags", allTags);
|
||||||
|
UserInfo user = getUserInfo(request);
|
||||||
|
if(user != null){
|
||||||
|
map.put("username", user.getUsername());
|
||||||
|
map.put("data", "Jiscuss 用户:" + user.getUsername());
|
||||||
|
}
|
||||||
|
return "index";
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
private List<String> getPageNumList(int size) {
|
private List<String> getPageNumList(int size) {
|
||||||
List<String> pageNumList = new ArrayList<String>();
|
List<String> pageNumList = new ArrayList<String>();
|
||||||
|
|||||||
@@ -3,52 +3,4 @@ let username = null;
|
|||||||
function setusername(name) {
|
function setusername(name) {
|
||||||
console.log('已经登陆：'+name);
|
console.log('已经登陆：'+name);
|
||||||
username = name; // name
|
username = name; // name
|
||||||
}
|
}
|
||||||
|
|
||||||
$("#loginBtn").click(function(){
|
|
||||||
$.ajax({
|
|
||||||
type: "POST",
|
|
||||||
url: "/login",
|
|
||||||
data: $("#loginForm").serialize(),
|
|
||||||
dataType: "JSON",
|
|
||||||
success: function (data) {
|
|
||||||
console.log(data);
|
|
||||||
if(data.flag){
|
|
||||||
username = data.username;
|
|
||||||
$('#userlogin').html('');
|
|
||||||
$('#userlogin').html(data.username + '<a href="javascript:void(0);" onclick="loginOut(this)" id="loginOut">注销</a>');
|
|
||||||
// window.alert(data.username + ',登录成功!');
|
|
||||||
$('.ui.modal.login').modal('hide');
|
|
||||||
|
|
||||||
console.log($('.ui.modal.login'));
|
|
||||||
}else{
|
|
||||||
window.alert(data.msg);
|
|
||||||
return false;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
});
|
|
||||||
|
|
||||||
function loginOut() {
|
|
||||||
console.log('loginOut');
|
|
||||||
$.ajax({
|
|
||||||
type: "POST",
|
|
||||||
url: "/loginout",
|
|
||||||
dataType: "JSON",
|
|
||||||
success: function (data) {
|
|
||||||
console.log(data);
|
|
||||||
if(data.flag){
|
|
||||||
$('#userlogin').html('');
|
|
||||||
$('#userlogin').html('<a href="/login" id="loginmodel">登录 & 注册</a>');
|
|
||||||
window.alert(username + data.msg);
|
|
||||||
username = null;
|
|
||||||
}else{
|
|
||||||
window.alert('用户退出失败!');
|
|
||||||
return false;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
@@ -1,29 +1,32 @@
|
|||||||
|
|
||||||
|
|
||||||
$("#createNewDiccuss").click(function () {
|
$("#createNewDiccuss").click(function () {
|
||||||
console.log("dianji createNewDiccuss");
|
console.log("点击 createNewDiccuss");
|
||||||
console.log(username);
|
console.log(username);
|
||||||
if(username&&username!=null){
|
|
||||||
|
if(username && username!=null){
|
||||||
$('.ui.modal.createNewDiccuss')
|
$('.ui.modal.createNewDiccuss')
|
||||||
.modal('show')
|
.modal('show')
|
||||||
;
|
;
|
||||||
tinymce.init({
|
tinymce.init({
|
||||||
selector: '#discussionscontent',
|
selector: '#discussionscontent',
|
||||||
|
|
||||||
});
|
});
|
||||||
}else{
|
}else{
|
||||||
window.alert('您未登录，请先登录!');
|
massage('您未登录，请先登录!','');
|
||||||
|
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
$("#newdiscussions").click(function(){
|
$("#newdiscussions").click(function(){
|
||||||
|
|
||||||
|
var token = $("meta[name='_csrf']").attr("content");
|
||||||
|
var header = $("meta[name='_csrf_header']").attr("content");
|
||||||
|
console.warn(header)
|
||||||
|
console.warn(token)
|
||||||
var title = $("#discussionstitle").val();
|
var title = $("#discussionstitle").val();
|
||||||
// $("#discussionscontent").val();
|
// $("#discussionscontent").val();
|
||||||
console.log(tinyMCE.editors[0].getContent());
|
console.log(tinyMCE.editors[0].getContent());
|
||||||
var content =tinyMCE.editors[0].getContent();
|
var content =tinyMCE.editors[0].getContent();
|
||||||
console.log(title);
|
console.log(title);
|
||||||
console.log(content);
|
console.log(content);
|
||||||
$.ajax({
|
$.ajax({
|
||||||
@@ -34,6 +37,9 @@ $("#newdiscussions").click(function(){
|
|||||||
content: content
|
content: content
|
||||||
}),
|
}),
|
||||||
contentType: 'application/json',
|
contentType: 'application/json',
|
||||||
|
beforeSend: function(request) {
|
||||||
|
request.setRequestHeader(header, token); // 添加 CSRF Token
|
||||||
|
},
|
||||||
dataType: "JSON",
|
dataType: "JSON",
|
||||||
success: function (data) {
|
success: function (data) {
|
||||||
console.log(data);
|
console.log(data);
|
||||||
@@ -49,20 +55,19 @@ $("#newdiscussions").click(function(){
|
|||||||
|
|
||||||
});
|
});
|
||||||
|
|
||||||
|
|
||||||
$("#newtags").click(function(){
|
$("#newtags").click(function(){
|
||||||
$('#createNewtagsdiv').show();
|
$('#createNewtagsDiv').show();
|
||||||
|
$('#createNewtagsBtn').show();
|
||||||
return false;
|
return false;
|
||||||
});
|
});
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
$("#commitnewtags").click(function(){
|
$("#commitnewtags").click(function(){
|
||||||
|
|
||||||
var name = $("#tagsname").val();
|
var header = $("meta[name='_csrf_header']").attr("content");
|
||||||
|
var token =$("meta[name='_csrf']").attr("content");
|
||||||
|
|
||||||
|
var name = $("#tagsname").val();
|
||||||
console.log(name);
|
console.log(name);
|
||||||
$.ajax({
|
$.ajax({
|
||||||
type: "POST",
|
type: "POST",
|
||||||
@@ -71,6 +76,9 @@ $("#commitnewtags").click(function(){
|
|||||||
name: name,
|
name: name,
|
||||||
}),
|
}),
|
||||||
contentType: 'application/json',
|
contentType: 'application/json',
|
||||||
|
beforeSend : function(xhr) {
|
||||||
|
xhr.setRequestHeader(header, token);
|
||||||
|
},
|
||||||
dataType: "JSON",
|
dataType: "JSON",
|
||||||
success: function (data) {
|
success: function (data) {
|
||||||
console.log(data);
|
console.log(data);
|
||||||
|
|||||||
@@ -2,382 +2,306 @@
|
|||||||
<html>
|
<html>
|
||||||
<title>主题详情页</title>
|
<title>主题详情页</title>
|
||||||
<head>
|
<head>
|
||||||
<!-- <link rel="stylesheet" type="text/css" href="static/semanticui/semantic.css"> -->
|
<!-- <link rel="stylesheet" type="text/css" href="static/semanticui/semantic.css"> -->
|
||||||
<!-- <script src="static/jquery/jquery-3.4.1.min.js"></script> -->
|
<!-- <script src="static/jquery/jquery-3.4.1.min.js"></script> -->
|
||||||
<!-- <script src="static/semanticui/semantic.min.js"></script> -->
|
<!-- <script src="static/semanticui/semantic.min.js"></script> -->
|
||||||
|
|
||||||
<link crossorigin="anonymous" integrity="sha384-ATvSpJEmy1egycrmomcFxVn4Z0A6rfjwlzDQrts/1QRerQhR9EEpEYtdysLpQPuQ" href="https://lib.baomitu.com/semantic-ui/2.4.1/semantic.min.css" rel="stylesheet">
|
<!-- default header name is X-CSRF-TOKEN -->
|
||||||
<link rel="stylesheet" type="text/css" href="/static/semanticui/my.css">
|
<meta name="_csrf" content="${_csrf.token}"/>
|
||||||
|
<meta name="_csrf_header" content="${_csrf.headerName}"/>
|
||||||
|
|
||||||
<script crossorigin="anonymous" integrity="sha384-vk5WoKIaW/vJyUAd9n/wmopsmNhiy+L2Z+SBxGYnUkunIxVxAv/UtMOhba/xskxh" src="https://lib.baomitu.com/jquery/3.4.1/jquery.min.js"></script>
|
<link crossorigin="anonymous" integrity="sha384-ATvSpJEmy1egycrmomcFxVn4Z0A6rfjwlzDQrts/1QRerQhR9EEpEYtdysLpQPuQ"
|
||||||
<script crossorigin="anonymous" integrity="sha384-6urqf2sgCGDfIXcoxTUOVIoQV+jFr/Zuc4O2wCRS6Rnd8w0OJ17C4Oo3PuXu8ZtF" src="https://lib.baomitu.com/semantic-ui/2.4.1/semantic.min.js"></script>
|
href="https://lib.baomitu.com/semantic-ui/2.4.1/semantic.min.css" rel="stylesheet">
|
||||||
|
<link rel="stylesheet" type="text/css" href="/static/semanticui/my.css">
|
||||||
|
|
||||||
|
<script crossorigin="anonymous" integrity="sha384-vk5WoKIaW/vJyUAd9n/wmopsmNhiy+L2Z+SBxGYnUkunIxVxAv/UtMOhba/xskxh"
|
||||||
|
src="https://lib.baomitu.com/jquery/3.4.1/jquery.min.js"></script>
|
||||||
|
<script crossorigin="anonymous" integrity="sha384-6urqf2sgCGDfIXcoxTUOVIoQV+jFr/Zuc4O2wCRS6Rnd8w0OJ17C4Oo3PuXu8ZtF"
|
||||||
|
src="https://lib.baomitu.com/semantic-ui/2.4.1/semantic.min.js"></script>
|
||||||
|
|
||||||
|
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<div class="ui main menu" id="menu">
|
<#include "header.ftl"/>
|
||||||
<div class="ui container">
|
|
||||||
<div href="#" class="header borderless item">
|
|
||||||
<img class="logo" src="static/assets/images/logo.png">
|
|
||||||
Jiscuss
|
|
||||||
</div>
|
|
||||||
<a class=" item borderless">首页</a>
|
|
||||||
<a class="active borderless item">论坛</a>
|
|
||||||
<div class="ui dropdown item borderless" tabindex="0">
|
|
||||||
更多
|
|
||||||
<i class="dropdown icon"></i>
|
|
||||||
<div class="menu transition hidden" tabindex="-1">
|
|
||||||
<div class="item">行为</div>
|
|
||||||
<div class="item">另一个行为</div>
|
|
||||||
<div class="item">其他东西</div>
|
|
||||||
<div class="divider"></div>
|
|
||||||
<div class="item">分割链接</div>
|
|
||||||
<div class="divider"></div>
|
|
||||||
<div class="item">另一个分割链接</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="right menu">
|
|
||||||
<div class="item">
|
|
||||||
<div class="ui transparent icon input">
|
|
||||||
<i class="search icon"></i>
|
|
||||||
<input type="text" placeholder="搜索">
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="item" id="userlogin">
|
|
||||||
<#if username??>
|
|
||||||
${username} <a href="javascript:void(0);" onclick="loginOut(this)" id="loginOut">注销</a>
|
|
||||||
<#else>
|
|
||||||
<a href="javascript:void(0);" onclick="loginmodel(this)" id="loginmodel">登录 & 注册</a>
|
|
||||||
</#if>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
|
|
||||||
<div class="ui mini modal login">
|
|
||||||
<i class="close icon"></i>
|
|
||||||
|
|
||||||
<div class=" content">
|
|
||||||
<div class="ui middle aligned center aligned grid">
|
|
||||||
<div class="column">
|
|
||||||
<h2 class="ui blue image header">
|
|
||||||
<img src="static/assets/images/logo.png" class="image">
|
|
||||||
<div class="content">
|
|
||||||
登录到账号
|
|
||||||
</div>
|
|
||||||
</h2>
|
|
||||||
<form class="ui large form" id="loginForm">
|
|
||||||
<div class="ui stacked segment">
|
|
||||||
<div class="field">
|
|
||||||
<div class="ui left icon input">
|
|
||||||
<i class="user icon"></i>
|
|
||||||
<input type="text" name="username" placeholder="用户名">
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="field">
|
|
||||||
<div class="ui left icon input">
|
|
||||||
<i class="lock icon"></i>
|
|
||||||
<input type="password" name="password" placeholder="密码">
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="ui fluid large blue button" id="loginBtn">登录</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="ui error message"></div>
|
|
||||||
|
|
||||||
</form>
|
|
||||||
|
|
||||||
<div class="ui message">
|
|
||||||
新用户？ <a href="l#">注册</a>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
|
|
||||||
<div class="ui container" id="container">
|
<div class="ui container" id="container">
|
||||||
<div class="ui info message">
|
<div class="ui info message">
|
||||||
<i class="close icon"></i>
|
<i class="close icon"></i>
|
||||||
<div class="header">欢迎来到这里</div>
|
<div class="header">欢迎来到这里</div>
|
||||||
<ul class="list">
|
<ul class="list">
|
||||||
<li>JAVA + DISCUSS = JISCUSS 。</li>
|
<li>JAVA + DISCUSS = JISCUSS 。</li>
|
||||||
<li>简单的，易用的JAVA论坛。</li>
|
<li>简单的，易用的JAVA论坛。</li>
|
||||||
<li>请享受发帖回帖带来的乐趣吧！</li>
|
<li>请享受发帖回帖带来的乐趣吧！</li>
|
||||||
</ul>
|
</ul>
|
||||||
</div>
|
|
||||||
|
|
||||||
<h3 class="ui center aligned header"></h3>
|
|
||||||
<div class="ui four column grid">
|
|
||||||
|
|
||||||
<div
|
|
||||||
class="widescreen large screen computer tablet only twelve wide column">
|
|
||||||
|
|
||||||
<div id="context2">
|
|
||||||
|
|
||||||
<h2 class="ui header">
|
|
||||||
<i class="settings icon"></i>
|
|
||||||
<div class="content">
|
|
||||||
${discussions.title}
|
|
||||||
<div class="sub header">某某标签分类</div>
|
|
||||||
</div>
|
|
||||||
</h2>
|
|
||||||
|
|
||||||
|
|
||||||
<div class="ui main text container">
|
|
||||||
${discussions.content}
|
|
||||||
</div>
|
|
||||||
|
|
||||||
|
|
||||||
<div class="ui feed">
|
|
||||||
<div class="event">
|
|
||||||
<div class="label">
|
|
||||||
<img src="/static/assets/images/logo.png">
|
|
||||||
</div>
|
</div>
|
||||||
<div class="content">
|
|
||||||
<div class="summary">
|
<h3 class="ui center aligned header"></h3>
|
||||||
用户 <a>测试人员1</a> 发布于
|
<div class="ui four column grid">
|
||||||
<div class="date">
|
|
||||||
3 days ago
|
<div
|
||||||
|
class="widescreen large screen computer tablet only twelve wide column">
|
||||||
|
|
||||||
|
<div id="context2">
|
||||||
|
|
||||||
|
<h2 class="ui header">
|
||||||
|
<i class="settings icon"></i>
|
||||||
|
<div class="content">
|
||||||
|
${discussions.title}
|
||||||
|
<div class="sub header">某某标签分类</div>
|
||||||
|
</div>
|
||||||
|
</h2>
|
||||||
|
|
||||||
|
|
||||||
|
<div class="ui main text container">
|
||||||
|
${discussions.content}
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
<div class="ui feed">
|
||||||
|
<div class="event">
|
||||||
|
<div class="label">
|
||||||
|
<img src="/static/assets/images/logo.png">
|
||||||
|
</div>
|
||||||
|
<div class="content">
|
||||||
|
<div class="summary">
|
||||||
|
用户 <a>测试人员1</a> 发布于
|
||||||
|
<div class="date">
|
||||||
|
3 days ago
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="meta">
|
||||||
|
<a class="like">
|
||||||
|
<i class="like icon"></i> 4 喜欢
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
<div class="ui minimal comments">
|
||||||
|
<h3 class="ui dividing header">评论区</h3>
|
||||||
|
<div class="comment">
|
||||||
|
<a class="avatar">
|
||||||
|
<img src="/static/assets/images/logo.png">
|
||||||
|
</a>
|
||||||
|
<div class="content">
|
||||||
|
<a class="author">用户6</a>
|
||||||
|
<div class="metadata">
|
||||||
|
<span class="date">Today at 5:42PM</span>
|
||||||
|
</div>
|
||||||
|
<div class="text">
|
||||||
|
测试测试6666!
|
||||||
|
</div>
|
||||||
|
<div class="actions">
|
||||||
|
<a class="reply">回复</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="comment">
|
||||||
|
<a class="avatar">
|
||||||
|
<img src="/static/assets/images/logo.png">
|
||||||
|
</a>
|
||||||
|
<div class="content">
|
||||||
|
<a class="author">用户7</a>
|
||||||
|
<div class="metadata">
|
||||||
|
<span class="date">Yesterday at 12:30AM</span>
|
||||||
|
</div>
|
||||||
|
<div class="text">
|
||||||
|
<p>测试评论!</p>
|
||||||
|
</div>
|
||||||
|
<div class="actions">
|
||||||
|
<a class="reply">回复</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="comments">
|
||||||
|
<div class="comment">
|
||||||
|
<a class="avatar">
|
||||||
|
<img src="/static/assets/images/logo.png">
|
||||||
|
</a>
|
||||||
|
<div class="content">
|
||||||
|
<a class="author">用户8</a>
|
||||||
|
<div class="metadata">
|
||||||
|
<span class="date">Just now</span>
|
||||||
|
</div>
|
||||||
|
<div class="text">
|
||||||
|
测试平路8 :)
|
||||||
|
</div>
|
||||||
|
<div class="actions">
|
||||||
|
<a class="reply">回复</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="comment">
|
||||||
|
<a class="avatar">
|
||||||
|
<img src="/static/assets/images/logo.png">
|
||||||
|
</a>
|
||||||
|
<div class="content">
|
||||||
|
<a class="author">测试用户999n</a>
|
||||||
|
<div class="metadata">
|
||||||
|
<span class="date">5 days ago</span>
|
||||||
|
</div>
|
||||||
|
<div class="text">
|
||||||
|
哈哈哈哈, 测试评论
|
||||||
|
</div>
|
||||||
|
<div class="actions">
|
||||||
|
<a class="reply">回复</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="ui borderless menu">
|
||||||
|
<a class="icon item">
|
||||||
|
<i class="left chevron icon"></i>
|
||||||
|
</a>
|
||||||
|
<a class="item">
|
||||||
|
1
|
||||||
|
</a>
|
||||||
|
<a class="item">
|
||||||
|
2
|
||||||
|
</a>
|
||||||
|
<div class="disabled item">
|
||||||
|
...
|
||||||
|
</div>
|
||||||
|
<a class="item">
|
||||||
|
10
|
||||||
|
</a>
|
||||||
|
<a class="item">
|
||||||
|
11
|
||||||
|
</a>
|
||||||
|
<a class="icon item"> <i class="right chevron icon"></i>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
<form class="ui reply form">
|
||||||
|
<div class="field">
|
||||||
|
<textarea></textarea>
|
||||||
|
</div>
|
||||||
|
<div class="ui blue labeled submit icon button">
|
||||||
|
<i class="icon edit"></i> 添加评论
|
||||||
|
</div>
|
||||||
|
</form>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
|
||||||
<div class="meta">
|
<div
|
||||||
<a class="like">
|
class="widescreen large screen computer tablet only four wide column">
|
||||||
<i class="like icon"></i> 4 喜欢
|
|
||||||
</a>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
|
|
||||||
|
<div class="ui fluid action input">
|
||||||
|
<input type="text" placeholder="搜索...">
|
||||||
|
<div class="ui button">搜索</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
<div class="ui minimal comments">
|
<div class="ui section divider"></div>
|
||||||
<h3 class="ui dividing header">评论区</h3>
|
|
||||||
<div class="comment">
|
|
||||||
<a class="avatar">
|
|
||||||
<img src="/static/assets/images/logo.png">
|
|
||||||
</a>
|
|
||||||
<div class="content">
|
|
||||||
<a class="author">用户6</a>
|
|
||||||
<div class="metadata">
|
|
||||||
<span class="date">Today at 5:42PM</span>
|
|
||||||
</div>
|
|
||||||
<div class="text">
|
|
||||||
测试测试6666!
|
|
||||||
</div>
|
|
||||||
<div class="actions">
|
|
||||||
<a class="reply">回复</a>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="comment">
|
|
||||||
<a class="avatar">
|
|
||||||
<img src="/static/assets/images/logo.png">
|
|
||||||
</a>
|
|
||||||
<div class="content">
|
|
||||||
<a class="author">用户7</a>
|
|
||||||
<div class="metadata">
|
|
||||||
<span class="date">Yesterday at 12:30AM</span>
|
|
||||||
</div>
|
|
||||||
<div class="text">
|
|
||||||
<p>测试评论!</p>
|
|
||||||
</div>
|
|
||||||
<div class="actions">
|
|
||||||
<a class="reply">回复</a>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="comments">
|
|
||||||
<div class="comment">
|
|
||||||
<a class="avatar">
|
|
||||||
<img src="/static/assets/images/logo.png">
|
|
||||||
</a>
|
|
||||||
<div class="content">
|
|
||||||
<a class="author">用户8</a>
|
|
||||||
<div class="metadata">
|
|
||||||
<span class="date">Just now</span>
|
|
||||||
</div>
|
|
||||||
<div class="text">
|
|
||||||
测试平路8 :)
|
|
||||||
</div>
|
|
||||||
<div class="actions">
|
|
||||||
<a class="reply">回复</a>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="comment">
|
|
||||||
<a class="avatar">
|
|
||||||
<img src="/static/assets/images/logo.png">
|
|
||||||
</a>
|
|
||||||
<div class="content">
|
|
||||||
<a class="author">测试用户999n</a>
|
|
||||||
<div class="metadata">
|
|
||||||
<span class="date">5 days ago</span>
|
|
||||||
</div>
|
|
||||||
<div class="text">
|
|
||||||
哈哈哈哈, 测试评论
|
|
||||||
</div>
|
|
||||||
<div class="actions">
|
|
||||||
<a class="reply">回复</a>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="ui borderless menu">
|
|
||||||
<a class="icon item">
|
|
||||||
<i class="left chevron icon"></i>
|
|
||||||
</a>
|
|
||||||
<a class="item">
|
|
||||||
1
|
|
||||||
</a>
|
|
||||||
<a class="item">
|
|
||||||
2
|
|
||||||
</a>
|
|
||||||
<div class="disabled item">
|
|
||||||
...
|
|
||||||
</div>
|
|
||||||
<a class="item">
|
|
||||||
10
|
|
||||||
</a>
|
|
||||||
<a class="item">
|
|
||||||
11
|
|
||||||
</a>
|
|
||||||
<a class="icon item"> <i class="right chevron icon"></i>
|
|
||||||
</a>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
|
|
||||||
<form class="ui reply form">
|
|
||||||
<div class="field">
|
|
||||||
<textarea></textarea>
|
|
||||||
</div>
|
|
||||||
<div class="ui blue labeled submit icon button">
|
|
||||||
<i class="icon edit"></i> 添加评论
|
|
||||||
</div>
|
|
||||||
</form>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
|
<div class="ui card">
|
||||||
|
<div class="content">
|
||||||
|
<div class="header">预留功能</div>
|
||||||
|
</div>
|
||||||
|
<div class="content">
|
||||||
|
<h4 class="ui sub header">Jiscuss</h4>
|
||||||
|
<div class="ui small feed">
|
||||||
|
<div class="event">
|
||||||
|
<div class="content">
|
||||||
|
<div class="summary">
|
||||||
|
<a>Jiscuss</a> 一直持续更新， <a>Jiscuss</a> 一直更新完善，感谢支持！
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="event">
|
||||||
|
<div class="content">
|
||||||
</div>
|
<div class="summary">
|
||||||
</div>
|
<a>2019</a> 测试内容
|
||||||
|
</div>
|
||||||
<div
|
</div>
|
||||||
class="widescreen large screen computer tablet only four wide column">
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
<div class="ui fluid action input">
|
<div class="extra content">
|
||||||
<input type="text" placeholder="搜索...">
|
<button class="ui button">预留按钮</button>
|
||||||
<div class="ui button">搜索</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="ui section divider"></div>
|
|
||||||
|
|
||||||
<div class="ui card">
|
|
||||||
<div class="content">
|
|
||||||
<div class="header">预留功能</div>
|
|
||||||
</div>
|
|
||||||
<div class="content">
|
|
||||||
<h4 class="ui sub header">Jiscuss</h4>
|
|
||||||
<div class="ui small feed">
|
|
||||||
<div class="event">
|
|
||||||
<div class="content">
|
|
||||||
<div class="summary">
|
|
||||||
<a>Jiscuss</a> 一直持续更新， <a>Jiscuss</a> 一直更新完善，感谢支持！
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="event">
|
|
||||||
<div class="content">
|
<div class="ui card">
|
||||||
<div class="summary">
|
<div class="content">
|
||||||
<a>2019</a> 测试内容
|
<img class="right floated mini ui image"
|
||||||
|
src="static/assets/images/logo.png">
|
||||||
|
<div class="header">Jiscuss Demo</div>
|
||||||
|
<div class="meta">简单、易用、开源</div>
|
||||||
|
<div class="description">一款基于JAVA的开源论坛 框架采用：Spring Boot + H2
|
||||||
|
+ Semantic UI
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="extra content">
|
||||||
|
<div class="ui two buttons">
|
||||||
|
<div class="ui basic red button">
|
||||||
|
<div class="ui mini statistic">
|
||||||
|
<div class="value">1</div>
|
||||||
|
<div class="label">用户数</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="ui basic green button">
|
||||||
|
<div class="ui mini statistic">
|
||||||
|
<div class="value">10</div>
|
||||||
|
<div class="label">发帖数</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="extra content">
|
|
||||||
<button class="ui button">预留按钮</button>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
|
|
||||||
|
<div class="mobile only sixteen wide column">
|
||||||
<div class="ui card">
|
<div class="ui segment">Jiscuss手机可见，内容正在编写中，pc端可正常访问</div>
|
||||||
<div class="content">
|
<div class="ui pagination menu">
|
||||||
<img class="right floated mini ui image"
|
<a class="icon item">
|
||||||
src="static/assets/images/logo.png">
|
<i class="left chevron icon"></i>
|
||||||
<div class="header">Jiscuss Demo</div>
|
</a>
|
||||||
<div class="meta">简单、易用、开源</div>
|
<a class="item">
|
||||||
<div class="description">一款基于JAVA的开源论坛 框架采用：Spring Boot + H2
|
1
|
||||||
+ Semantic UI</div>
|
</a>
|
||||||
</div>
|
<a class="item">
|
||||||
<div class="extra content">
|
2
|
||||||
<div class="ui two buttons">
|
</a>
|
||||||
<div class="ui basic red button">
|
<div class="disabled item">
|
||||||
<div class="ui mini statistic">
|
...
|
||||||
<div class="value">1</div>
|
</div>
|
||||||
<div class="label">用户数</div>
|
<a class="item">
|
||||||
</div>
|
10
|
||||||
</div>
|
</a>
|
||||||
<div class="ui basic green button">
|
<a class="item">
|
||||||
<div class="ui mini statistic">
|
11
|
||||||
<div class="value">10</div>
|
</a>
|
||||||
<div class="label">发帖数</div>
|
<a class="icon item"> <i class="right chevron icon"></i>
|
||||||
|
</a>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
|
|
||||||
|
|
||||||
<div class="mobile only sixteen wide column">
|
|
||||||
<div class="ui segment">Jiscuss手机可见，内容正在编写中，pc端可正常访问</div>
|
|
||||||
<div class="ui pagination menu">
|
|
||||||
<a class="icon item">
|
|
||||||
<i class="left chevron icon"></i>
|
|
||||||
</a>
|
|
||||||
<a class="item">
|
|
||||||
1
|
|
||||||
</a>
|
|
||||||
<a class="item">
|
|
||||||
2
|
|
||||||
</a>
|
|
||||||
<div class="disabled item">
|
|
||||||
...
|
|
||||||
</div>
|
|
||||||
<a class="item">
|
|
||||||
10
|
|
||||||
</a>
|
|
||||||
<a class="item">
|
|
||||||
11
|
|
||||||
</a>
|
|
||||||
<a class="icon item"> <i class="right chevron icon"></i>
|
|
||||||
</a>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
|
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<#include "footer.ftl"/>
|
<#include "footer.ftl"/>
|
||||||
|
|
||||||
<script type="text/javascript">
|
<script type="text/javascript">
|
||||||
|
|
||||||
$(document).ready(function() {
|
$(document).ready(function () {
|
||||||
<#if username??>
|
<#if username??>
|
||||||
console.log('已经登陆：'+username);
|
console.log('已经登陆：' + username);
|
||||||
</#if>
|
</#if>
|
||||||
});
|
});
|
||||||
|
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
|
|||||||
@@ -1,47 +1,46 @@
|
|||||||
|
|
||||||
<div class="ui section divider"></div>
|
<div class="ui section divider"></div>
|
||||||
|
|
||||||
<div class="ui vertical footer segment">
|
<div class="ui vertical footer segment">
|
||||||
<div class="ui center aligned container">
|
<div class="ui center aligned container">
|
||||||
<div class="ui stackable divided grid">
|
<div class="ui stackable divided grid">
|
||||||
<div class="three wide column">
|
<div class="three wide column">
|
||||||
<h4 class="ui header">关于遥远</h4>
|
<h4 class="ui header">关于遥远</h4>
|
||||||
<div class="ui link list">
|
<div class="ui link list">
|
||||||
<a href="http://yaoyuan.io" class="item">Yaoyuan.io</a>
|
<a href="http://yaoyuan.io" class="item">Yaoyuan.io</a>
|
||||||
<a href="http://cyy.im" class="item">CYY.IM</a>
|
<a href="http://cyy.im" class="item">CYY.IM</a>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="three wide column">
|
<div class="three wide column">
|
||||||
<h4 class="ui header">底层</h4>
|
<h4 class="ui header">底层</h4>
|
||||||
<div class="ui link list">
|
<div class="ui link list">
|
||||||
<a href="#" class="item">JAVA</a>
|
<a href="#" class="item">JAVA</a>
|
||||||
<a href="#" class="item">H2 Database</a>
|
<a href="#" class="item">H2 Database</a>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="three wide column">
|
<div class="three wide column">
|
||||||
<h4 class="ui header">框架</h4>
|
<h4 class="ui header">框架</h4>
|
||||||
<div class="ui link list">
|
<div class="ui link list">
|
||||||
<a href="#" class="item">Spring Boot</a>
|
<a href="#" class="item">Spring Boot</a>
|
||||||
<a href="#" class="item">Semantic UI</a>
|
<a href="#" class="item">Semantic UI</a>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="seven wide column">
|
<div class="seven wide column">
|
||||||
<h4 class="ui header">这里是页脚预留信息</h4>
|
<h4 class="ui header">这里是页脚预留信息</h4>
|
||||||
<p>This is about Jiscuus Page
|
<p>This is about Jiscuus Page
|
||||||
.</p>
|
.</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="ui section divider"></div>
|
<div class="ui section divider"></div>
|
||||||
<img src="static/assets/images/logo.png" class="ui centered mini image">
|
<img src="static/assets/images/logo.png" class="ui centered mini image">
|
||||||
@ 2019-2020
|
@ 2019-2020
|
||||||
<div class="ui horizontal small divided link list">
|
<div class="ui horizontal small divided link list">
|
||||||
<a class="item" href="fixed.php#">站点地图</a>
|
<a class="item" href="fixed.php#">站点地图</a>
|
||||||
<a class="item" href="fixed.php#">关于这里</a>
|
<a class="item" href="fixed.php#">关于这里</a>
|
||||||
<a class="item" href="fixed.php#">团队介绍</a>
|
<a class="item" href="fixed.php#">团队介绍</a>
|
||||||
<a class="item" href="fixed.php#">隐私政策</a>
|
<a class="item" href="fixed.php#">隐私政策</a>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@@ -1,41 +1,41 @@
|
|||||||
<div class="ui main menu" id="menu">
|
<div class="ui main menu" id="menu">
|
||||||
<div class="ui container">
|
<div class="ui container">
|
||||||
<div href="#" class="header borderless item">
|
<div href="#" class="header borderless item">
|
||||||
<img class="logo" src="static/assets/images/logo.png">
|
<img class="logo" src="static/assets/images/logo.png">
|
||||||
Jiscuss
|
Jiscuss
|
||||||
</div>
|
</div>
|
||||||
<a class=" item borderless">首页</a>
|
<a class=" item borderless">首页</a>
|
||||||
<a class="active borderless item">论坛</a>
|
<a class="active borderless item">论坛</a>
|
||||||
<div class="ui dropdown item borderless" tabindex="0">
|
<div class="ui dropdown item borderless" tabindex="0">
|
||||||
更多
|
更多
|
||||||
<i class="dropdown icon"></i>
|
<i class="dropdown icon"></i>
|
||||||
<div class="menu transition hidden" tabindex="-1">
|
<div class="menu transition hidden" tabindex="-1">
|
||||||
<div class="item">行为</div>
|
<div class="item">行为</div>
|
||||||
<div class="item">另一个行为</div>
|
<div class="item">另一个行为</div>
|
||||||
<div class="item">其他东西</div>
|
<div class="item">其他东西</div>
|
||||||
<div class="divider"></div>
|
<div class="divider"></div>
|
||||||
<div class="item">分割链接</div>
|
<div class="item">分割链接</div>
|
||||||
<div class="divider"></div>
|
<div class="divider"></div>
|
||||||
<div class="item">另一个分割链接</div>
|
<div class="item">另一个分割链接</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="right menu">
|
<div class="right menu">
|
||||||
<div class="item">
|
<div class="item">
|
||||||
<div class="ui transparent icon input">
|
<div class="ui transparent icon input">
|
||||||
<i class="search icon"></i>
|
<i class="search icon"></i>
|
||||||
<input type="text" placeholder="搜索">
|
<input type="text" placeholder="搜索">
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="item" id="userlogin">
|
<div class="item" id="userlogin">
|
||||||
<#if username??>
|
<#if username??>
|
||||||
${username} <a href="javascript:void(0);" onclick="loginOut(this)" id="loginOut">注销</a>
|
${username} <a href="/logout" id="loginOut">注销</a>
|
||||||
<#else>
|
<#else>
|
||||||
<a href="/login" id="loginmodel">登录 & 注册</a>
|
<a href="/login" id="loginmodel">登录 & 注册</a>
|
||||||
</#if>
|
</#if>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
||||||
<script type="text/javascript" charset="UTF-8" src="/static/js/user/header.js"></script>
|
<script type="text/javascript" charset="UTF-8" src="/static/js/user/header.js"></script>
|
||||||
@@ -2,428 +2,450 @@
|
|||||||
<html>
|
<html>
|
||||||
<title>Jiscuss Demo</title>
|
<title>Jiscuss Demo</title>
|
||||||
<head>
|
<head>
|
||||||
<!-- <link rel="stylesheet" type="text/css" href="static/semanticui/semantic.css"> -->
|
<!-- <link rel="stylesheet" type="text/css" href="static/semanticui/semantic.css"> -->
|
||||||
<!-- <script src="static/jquery/jquery-3.4.1.min.js"></script> -->
|
<!-- <script src="static/jquery/jquery-3.4.1.min.js"></script> -->
|
||||||
<!-- <script src="static/semanticui/semantic.min.js"></script> -->
|
<!-- <script src="static/semanticui/semantic.min.js"></script> -->
|
||||||
|
|
||||||
<link crossorigin="anonymous" integrity="sha384-ATvSpJEmy1egycrmomcFxVn4Z0A6rfjwlzDQrts/1QRerQhR9EEpEYtdysLpQPuQ" href="https://lib.baomitu.com/semantic-ui/2.4.1/semantic.min.css" rel="stylesheet">
|
<!-- default header name is X-CSRF-TOKEN -->
|
||||||
<link rel="stylesheet" type="text/css" href="/static/semanticui/my.css">
|
<meta name="_csrf" content="${_csrf.token}"/>
|
||||||
|
<meta name="_csrf_header" content="${_csrf.headerName}"/>
|
||||||
|
|
||||||
<script crossorigin="anonymous" integrity="sha384-vk5WoKIaW/vJyUAd9n/wmopsmNhiy+L2Z+SBxGYnUkunIxVxAv/UtMOhba/xskxh" src="https://lib.baomitu.com/jquery/3.4.1/jquery.min.js"></script>
|
<script crossorigin="anonymous" integrity="sha384-vk5WoKIaW/vJyUAd9n/wmopsmNhiy+L2Z+SBxGYnUkunIxVxAv/UtMOhba/xskxh"
|
||||||
<script crossorigin="anonymous" integrity="sha384-6urqf2sgCGDfIXcoxTUOVIoQV+jFr/Zuc4O2wCRS6Rnd8w0OJ17C4Oo3PuXu8ZtF" src="https://lib.baomitu.com/semantic-ui/2.4.1/semantic.min.js"></script>
|
src="https://lib.baomitu.com/jquery/3.4.1/jquery.min.js"></script>
|
||||||
|
<#--semantic-->
|
||||||
|
<link crossorigin="anonymous" integrity="sha384-ATvSpJEmy1egycrmomcFxVn4Z0A6rfjwlzDQrts/1QRerQhR9EEpEYtdysLpQPuQ"
|
||||||
|
href="https://lib.baomitu.com/semantic-ui/2.4.1/semantic.min.css" rel="stylesheet">
|
||||||
|
<link rel="stylesheet" type="text/css" href="/static/semanticui/my.css">
|
||||||
|
<script crossorigin="anonymous" integrity="sha384-6urqf2sgCGDfIXcoxTUOVIoQV+jFr/Zuc4O2wCRS6Rnd8w0OJ17C4Oo3PuXu8ZtF"
|
||||||
|
src="https://lib.baomitu.com/semantic-ui/2.4.1/semantic.min.js"></script>
|
||||||
|
|
||||||
<script crossorigin="anonymous" integrity="sha384-CpsBIlOAWHuSRRN235sCBzEeKN6hLT6SpOGRkGadKpYj0gDP7+s3Q8pC38z8uGHH" src="https://lib.baomitu.com/tinymce/5.1.1/tinymce.min.js"></script>
|
<#--tinymce-->
|
||||||
|
<script crossorigin="anonymous" integrity="sha384-CpsBIlOAWHuSRRN235sCBzEeKN6hLT6SpOGRkGadKpYj0gDP7+s3Q8pC38z8uGHH"
|
||||||
|
src="https://lib.baomitu.com/tinymce/5.1.1/tinymce.min.js"></script>
|
||||||
|
<#--jquery-cookie-->
|
||||||
|
<script src="https://cdn.bootcdn.net/ajax/libs/jquery-cookie/1.4.1/jquery.cookie.js"></script>
|
||||||
|
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<#include "header.ftl"/>
|
<#include "header.ftl"/>
|
||||||
|
|
||||||
<div class="ui container" id="container">
|
<div class="ui container" id="container">
|
||||||
<div class="ui info message">
|
<div class="ui info message">
|
||||||
<i class="close icon"></i>
|
<i class="close icon"></i>
|
||||||
<div class="header">欢迎来到这里，${data},主题数： ${allDiscussions?size} ，主题页数：${pageDiscussions?size}，标签数 ${allTags?size} </div>
|
<div class="header">欢迎来到这里，${data},主题数： ${allDiscussions?size} ，主题页数：${pageDiscussions?size}
|
||||||
<ul class="list">
|
，标签数 ${allTags?size} </div>
|
||||||
<li>JAVA + DISCUSS = JISCUSS 。</li>
|
<ul class="list">
|
||||||
<li>简单的，易用的JAVA论坛。</li>
|
<li>JAVA + DISCUSS = JISCUSS 。</li>
|
||||||
<li>请享受发帖回帖带来的乐趣吧！</li>
|
<li>简单的，易用的JAVA论坛。</li>
|
||||||
</ul>
|
<li>请享受发帖回帖带来的乐趣吧！</li>
|
||||||
</div>
|
</ul>
|
||||||
|
|
||||||
<h3 class="ui center aligned header"></h3>
|
|
||||||
<div class="ui four column grid">
|
|
||||||
<div
|
|
||||||
class="widescreen large screen computer tablet only four wide column">
|
|
||||||
|
|
||||||
<div class="fluid ui animated fade primary button" tabindex="0" id='createNewDiccuss'>
|
|
||||||
<div class="visible content">
|
|
||||||
<i class="pen square icon"></i>创建新帖
|
|
||||||
</div>
|
|
||||||
<div class="hidden content">
|
|
||||||
您是最棒的<i class="thumbs up icon"></i>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="ui modal createNewDiccuss">
|
|
||||||
<i class="close icon"></i>
|
|
||||||
<div class="header">
|
|
||||||
创建新帖
|
|
||||||
</div>
|
|
||||||
<div class=" content">
|
|
||||||
<form class="ui form">
|
|
||||||
|
|
||||||
<div class="field">
|
|
||||||
<label>标题</label>
|
|
||||||
<input type="text" placeholder="标题" id ="discussionstitle" >
|
|
||||||
</div>
|
|
||||||
<div class="field">
|
|
||||||
<label>选择标签</label>
|
|
||||||
<select multiple="" class="ui dropdown">
|
|
||||||
<option value="">选择标签</option>
|
|
||||||
|
|
||||||
<#list allTags as tags>
|
|
||||||
<option value=${tags.id}>${tags.name}</option>
|
|
||||||
|
|
||||||
</#list>
|
|
||||||
</select>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="field">
|
|
||||||
<button class="ui teal button" id = "newtags">新增标签</button>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="field" id= "createNewtagsdiv" style="display:none">
|
|
||||||
<label>标签名</label>
|
|
||||||
<input type="text" placeholder="标签名" id ="tagsname" >
|
|
||||||
<button class="ui teal button" id = "commitnewtags">保存</button>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="field">
|
|
||||||
<label>内容</label>
|
|
||||||
<textarea id ="discussionscontent" ></textarea>
|
|
||||||
|
|
||||||
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="ui fluid large blue button" id="newdiscussions">提交内容</div>
|
|
||||||
</form>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
|
|
||||||
<div class="ui list">
|
|
||||||
<div class="item">下面这个按钮可以过滤帖子呦</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="fluid ui floating dropdown labeled icon orange button">
|
|
||||||
<i class="filter icon"></i> <span class="text">过滤帖子标签</span>
|
|
||||||
<div class="menu">
|
|
||||||
<div class="ui icon search input">
|
|
||||||
<i class="search icon"></i> <input type="text"
|
|
||||||
placeholder="搜索标签...">
|
|
||||||
</div>
|
|
||||||
<div class="divider"></div>
|
|
||||||
<div class="header">
|
|
||||||
<i class="tags icon"></i> 标签
|
|
||||||
</div>
|
|
||||||
<div class="scrolling menu">
|
|
||||||
<div class="item">
|
|
||||||
<div class="ui red empty circular label"></div>
|
|
||||||
重要
|
|
||||||
</div>
|
|
||||||
<div class="item">
|
|
||||||
<div class="ui blue empty circular label"></div>
|
|
||||||
通知
|
|
||||||
</div>
|
|
||||||
<div class="item">
|
|
||||||
<div class="ui black empty circular label"></div>
|
|
||||||
无法修复
|
|
||||||
</div>
|
|
||||||
<div class="item">
|
|
||||||
<div class="ui purple empty circular label"></div>
|
|
||||||
新闻
|
|
||||||
</div>
|
|
||||||
<div class="item">
|
|
||||||
<div class="ui orange empty circular label"></div>
|
|
||||||
交换
|
|
||||||
</div>
|
|
||||||
<div class="item">
|
|
||||||
<div class="ui empty circular label"></div>
|
|
||||||
改变下降
|
|
||||||
</div>
|
|
||||||
<div class="item">
|
|
||||||
<div class="ui yellow empty circular label"></div>
|
|
||||||
题外话
|
|
||||||
</div>
|
|
||||||
<div class="item">
|
|
||||||
<div class="ui pink empty circular label"></div>
|
|
||||||
有趣
|
|
||||||
</div>
|
|
||||||
<div class="item">
|
|
||||||
<div class="ui green empty circular label"></div>
|
|
||||||
讨论
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="ui section divider"></div>
|
|
||||||
|
|
||||||
<div class="ui fluid action input">
|
|
||||||
<input type="text" placeholder="搜索...">
|
|
||||||
<div class="ui button">搜索</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
|
|
||||||
<div class="ui card">
|
|
||||||
<div class="content">
|
|
||||||
<div class="header">预留功能</div>
|
|
||||||
</div>
|
|
||||||
<div class="content">
|
|
||||||
<h4 class="ui sub header">Jiscuss</h4>
|
|
||||||
<div class="ui small feed">
|
|
||||||
<div class="event">
|
|
||||||
<div class="content">
|
|
||||||
<div class="summary">
|
|
||||||
<a>Jiscuss</a> 一直持续更新， <a>Jiscuss</a> 一直更新完善，感谢支持！
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="event">
|
|
||||||
<div class="content">
|
|
||||||
<div class="summary">
|
|
||||||
<a>2019</a> 测试内容
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="extra content">
|
|
||||||
<button class="ui button">预留按钮</button>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<div class="ui card">
|
|
||||||
<div class="content">
|
|
||||||
<img class="right floated mini ui image"
|
|
||||||
src="static/assets/images/logo.png">
|
|
||||||
<div class="header">Jiscuss Demo</div>
|
|
||||||
<div class="meta">简单、易用、开源</div>
|
|
||||||
<div class="description">一款基于JAVA的开源论坛 框架采用：Spring Boot + H2
|
|
||||||
+ Semantic UI</div>
|
|
||||||
</div>
|
|
||||||
<div class="extra content">
|
|
||||||
<div class="ui two buttons">
|
|
||||||
<div class="ui basic red button">
|
|
||||||
<div class="ui mini statistic">
|
|
||||||
<div class="value">1</div>
|
|
||||||
<div class="label">用户数</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="ui basic green button">
|
|
||||||
<div class="ui mini statistic">
|
|
||||||
<div class="value">10</div>
|
|
||||||
<div class="label">发帖数</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
<div
|
|
||||||
class="widescreen large screen computer tablet only twelve wide column">
|
|
||||||
|
|
||||||
<div id="context2">
|
|
||||||
<div class="ui secondary menu">
|
|
||||||
<a class="item active" data-tab="fourth"> <i class="icon mail"></i>
|
|
||||||
最新回复
|
|
||||||
<div class="floating ui red label">22</div></a> <a class="item "
|
|
||||||
data-tab="fifth">热门</a> <a class="item " data-tab="sixth">新帖</a>
|
|
||||||
</div>
|
|
||||||
<div class="ui active tab segment" data-tab="fourth">
|
|
||||||
<div class="ui large feed">
|
|
||||||
|
|
||||||
<#list allDiscussions as discussions>
|
|
||||||
<div class="event">
|
|
||||||
<div class="label">
|
|
||||||
<img src="static/assets/images/logo.png">
|
|
||||||
</div>
|
|
||||||
<div class="content">
|
|
||||||
<div class="summary">
|
|
||||||
<a href="/getdiscussionsbyid?id=${discussions.id}">
|
|
||||||
${discussions.title}
|
|
||||||
</a>
|
|
||||||
|
|
||||||
<div class="date">
|
|
||||||
3 days ago
|
|
||||||
</div>
|
|
||||||
<div class="nullright">
|
|
||||||
<a class="ui teal label">
|
|
||||||
标签1
|
|
||||||
</a>
|
|
||||||
<a class="ui purple label">
|
|
||||||
标签2
|
|
||||||
</a>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="extra text" style="width: 300px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;">
|
|
||||||
${discussions.content}
|
|
||||||
</div>
|
|
||||||
<div class="meta">
|
|
||||||
<div class=" description "><i class="edit icon"></i> <a><b>用户1</b></a> • <i class="reply icon"></i>最后由 <a><b>${discussions.last_user_id}</b></a> 回复于10 hours ago.</div>
|
|
||||||
</div>
|
|
||||||
<div class="nullright meta">
|
|
||||||
<a class="like ">
|
|
||||||
<i class="like icon"></i> 11 喜欢
|
|
||||||
</a>
|
|
||||||
<a class="comment ">
|
|
||||||
<i class="comment icon"></i> 22 回复
|
|
||||||
</a>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="ui fitted divider"></div>
|
|
||||||
</#list>
|
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
<h3 class="ui center aligned header"></h3>
|
||||||
|
<div class="ui four column grid">
|
||||||
|
<div
|
||||||
|
class="widescreen large screen computer tablet only four wide column">
|
||||||
|
|
||||||
<div class="ui tab segment" data-tab="fifth">
|
<div class="fluid ui animated fade primary button" tabindex="0" id='createNewDiccuss'>
|
||||||
<div class="ui divided items">
|
<div class="visible content">
|
||||||
<div class="item">
|
<i class="pen square icon"></i>创建新帖
|
||||||
<div class="ui tiny image">
|
</div>
|
||||||
<img src="static/assets/images/logo.png">
|
<div class="hidden content">
|
||||||
|
您是最棒的<i class="thumbs up icon"></i>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="content">
|
|
||||||
|
|
||||||
<h4 class="header">置顶测试帖222</h4>
|
<div class="ui modal createNewDiccuss">
|
||||||
<div class="meta">
|
<i class="close icon"></i>
|
||||||
<span class="cinema">测试广场 14</span>
|
<div class="header">
|
||||||
|
创建新帖
|
||||||
</div>
|
</div>
|
||||||
<div class="description">
|
<div class=" content">
|
||||||
<p>123234324</p>
|
<form class="ui form">
|
||||||
</div>
|
|
||||||
<div class="extra">
|
<div class="field">
|
||||||
<div class="ui label">IMAX</div>
|
<label>标题</label>
|
||||||
<div class="ui label">
|
<input type="text" placeholder="标题" id="discussionstitle">
|
||||||
<i class="globe icon"></i> 附加的留言
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="item">
|
|
||||||
<div class="ui tiny image">
|
|
||||||
<img src="static/assets/images/logo.png">
|
|
||||||
</div>
|
|
||||||
<div class="content">
|
|
||||||
<a class="header">龙猫</a>
|
|
||||||
<div class="meta">
|
|
||||||
<span class="cinema">测试帖1111</span>
|
|
||||||
</div>
|
|
||||||
<div class="description">
|
|
||||||
<p></p>
|
|
||||||
</div>
|
|
||||||
<div class="extra">
|
|
||||||
<div class="ui right floated primary button">
|
|
||||||
Jiscuss测试内容，测试内容 <i class="right chevron icon"></i>
|
|
||||||
</div>
|
|
||||||
<div class="ui label">限制的</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="item">
|
|
||||||
<div class=" ui tiny image">
|
|
||||||
<img src="static/assets/images/logo.png">
|
|
||||||
</div>
|
|
||||||
<div class="content">
|
|
||||||
<a class="header">测试帖子</a>
|
|
||||||
<div class="meta">
|
|
||||||
<span class="cinema">xxx于什么时候最新回复</span>
|
|
||||||
</div>
|
|
||||||
<div class="meta">
|
|
||||||
<span class="cinema">IFC2222222。。。。</span>
|
|
||||||
</div>
|
|
||||||
<div class="description">
|
|
||||||
<p></p>
|
|
||||||
</div>
|
|
||||||
<div class="extra">
|
|
||||||
<div class="mini ui right floated labeled button" tabindex="0">
|
|
||||||
<div class="mini ui red button">
|
|
||||||
<i class="heart icon"></i> 喜欢
|
|
||||||
</div>
|
</div>
|
||||||
<a class="ui basic red left pointing label"> 1,048 </a>
|
<div class="field">
|
||||||
</div>
|
<label>选择标签</label>
|
||||||
<div class="mini ui right floated labeled button" tabindex="0">
|
<select multiple="" class="ui dropdown">
|
||||||
<div class=" mini ui basic blue button">
|
<option value="">选择标签</option>
|
||||||
<i class="fork icon"></i>评论
|
|
||||||
|
<#list allTags as tags>
|
||||||
|
<option value=${tags.id}>${tags.name}</option>
|
||||||
|
|
||||||
|
</#list>
|
||||||
|
</select>
|
||||||
</div>
|
</div>
|
||||||
<a class="ui basic left pointing blue label"> 1,048 </a>
|
|
||||||
|
<div class="field">
|
||||||
|
<button class="ui teal button" id="newtags">新增标签</button>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="field" id="createNewtagsDiv" style="display:none">
|
||||||
|
<label>标签名</label>
|
||||||
|
<input type="text" placeholder="标签名" id="tagsname">
|
||||||
|
</div>
|
||||||
|
<div class="field" id="createNewtagsBtn" style="display:none">
|
||||||
|
<button class="ui teal button" id="commitnewtags">保存</button>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="field">
|
||||||
|
<label>内容</label>
|
||||||
|
<textarea id="discussionscontent"></textarea>
|
||||||
|
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="ui fluid large blue button" id="newdiscussions">提交内容</div>
|
||||||
|
</form>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
<div class="ui list">
|
||||||
|
<div class="item">下面这个按钮可以过滤帖子呦</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="fluid ui floating dropdown labeled icon orange button">
|
||||||
|
<i class="filter icon"></i> <span class="text">过滤帖子标签</span>
|
||||||
|
<div class="menu">
|
||||||
|
<div class="ui icon search input">
|
||||||
|
<i class="search icon"></i> <input type="text"
|
||||||
|
placeholder="搜索标签...">
|
||||||
</div>
|
</div>
|
||||||
<div class="ui label">限制的2</div>
|
<div class="divider"></div>
|
||||||
<div class="ui label">限制的3</div>
|
<div class="header">
|
||||||
<div class="ui label">限制的4</div>
|
<i class="tags icon"></i> 标签
|
||||||
|
</div>
|
||||||
|
<div class="scrolling menu">
|
||||||
|
<div class="item">
|
||||||
|
<div class="ui red empty circular label"></div>
|
||||||
|
重要
|
||||||
|
</div>
|
||||||
|
<div class="item">
|
||||||
|
<div class="ui blue empty circular label"></div>
|
||||||
|
通知
|
||||||
|
</div>
|
||||||
|
<div class="item">
|
||||||
|
<div class="ui black empty circular label"></div>
|
||||||
|
无法修复
|
||||||
|
</div>
|
||||||
|
<div class="item">
|
||||||
|
<div class="ui purple empty circular label"></div>
|
||||||
|
新闻
|
||||||
|
</div>
|
||||||
|
<div class="item">
|
||||||
|
<div class="ui orange empty circular label"></div>
|
||||||
|
交换
|
||||||
|
</div>
|
||||||
|
<div class="item">
|
||||||
|
<div class="ui empty circular label"></div>
|
||||||
|
改变下降
|
||||||
|
</div>
|
||||||
|
<div class="item">
|
||||||
|
<div class="ui yellow empty circular label"></div>
|
||||||
|
题外话
|
||||||
|
</div>
|
||||||
|
<div class="item">
|
||||||
|
<div class="ui pink empty circular label"></div>
|
||||||
|
有趣
|
||||||
|
</div>
|
||||||
|
<div class="item">
|
||||||
|
<div class="ui green empty circular label"></div>
|
||||||
|
讨论
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="ui section divider"></div>
|
||||||
|
|
||||||
|
<div class="ui fluid action input">
|
||||||
|
<input type="text" placeholder="搜索...">
|
||||||
|
<div class="ui button">搜索</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
<div class="ui card">
|
||||||
|
<div class="content">
|
||||||
|
<div class="header">预留功能</div>
|
||||||
|
</div>
|
||||||
|
<div class="content">
|
||||||
|
<h4 class="ui sub header">Jiscuss</h4>
|
||||||
|
<div class="ui small feed">
|
||||||
|
<div class="event">
|
||||||
|
<div class="content">
|
||||||
|
<div class="summary">
|
||||||
|
<a>Jiscuss</a> 一直持续更新， <a>Jiscuss</a> 一直更新完善，感谢支持！
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="event">
|
||||||
|
<div class="content">
|
||||||
|
<div class="summary">
|
||||||
|
<a>2019</a> 测试内容
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="extra content">
|
||||||
|
<button class="ui button">预留按钮</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
<div class="ui card">
|
||||||
|
<div class="content">
|
||||||
|
<img class="right floated mini ui image"
|
||||||
|
src="static/assets/images/logo.png">
|
||||||
|
<div class="header">Jiscuss Demo</div>
|
||||||
|
<div class="meta">简单、易用、开源</div>
|
||||||
|
<div class="description">一款基于JAVA的开源论坛 框架采用：Spring Boot + H2
|
||||||
|
+ Semantic UI
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="extra content">
|
||||||
|
<div class="ui two buttons">
|
||||||
|
<div class="ui basic red button">
|
||||||
|
<div class="ui mini statistic">
|
||||||
|
<div class="value">1</div>
|
||||||
|
<div class="label">用户数</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="ui basic green button">
|
||||||
|
<div class="ui mini statistic">
|
||||||
|
<div class="value">10</div>
|
||||||
|
<div class="label">发帖数</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
<div
|
||||||
|
class="widescreen large screen computer tablet only twelve wide column">
|
||||||
|
|
||||||
|
<div id="context2">
|
||||||
|
<div class="ui secondary menu">
|
||||||
|
<a class="item active" data-tab="fourth"> <i class="icon mail"></i>
|
||||||
|
最新回复
|
||||||
|
<div class="floating ui red label">22</div>
|
||||||
|
</a> <a class="item "
|
||||||
|
data-tab="fifth">热门</a> <a class="item " data-tab="sixth">新帖</a>
|
||||||
|
</div>
|
||||||
|
<div class="ui active tab segment" data-tab="fourth">
|
||||||
|
<div class="ui large feed">
|
||||||
|
|
||||||
|
<#list allDiscussions as discussions>
|
||||||
|
<div class="event">
|
||||||
|
<div class="label">
|
||||||
|
<img src="static/assets/images/logo.png">
|
||||||
|
</div>
|
||||||
|
<div class="content">
|
||||||
|
<div class="summary">
|
||||||
|
<a href="/getdiscussionsbyid?id=${discussions.id}">
|
||||||
|
${discussions.title}
|
||||||
|
</a>
|
||||||
|
|
||||||
|
<div class="date">
|
||||||
|
3 days ago
|
||||||
|
</div>
|
||||||
|
<div class="nullright">
|
||||||
|
<a class="ui teal label">
|
||||||
|
标签1
|
||||||
|
</a>
|
||||||
|
<a class="ui purple label">
|
||||||
|
标签2
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="extra text"
|
||||||
|
style="width: 300px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;">
|
||||||
|
${discussions.content}
|
||||||
|
</div>
|
||||||
|
<div class="meta">
|
||||||
|
<div class=" description "><i class="edit icon"></i> <a><b>用户1</b></a> •
|
||||||
|
<i class="reply icon"></i>最后由 <a><b>${discussions.last_user_id}</b></a>
|
||||||
|
回复于10 hours ago.
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="nullright meta">
|
||||||
|
<a class="like ">
|
||||||
|
<i class="like icon"></i> 11 喜欢
|
||||||
|
</a>
|
||||||
|
<a class="comment ">
|
||||||
|
<i class="comment icon"></i> 22 回复
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="ui fitted divider"></div>
|
||||||
|
</#list>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
<div class="ui tab segment" data-tab="fifth">
|
||||||
|
<div class="ui divided items">
|
||||||
|
<div class="item">
|
||||||
|
<div class="ui tiny image">
|
||||||
|
<img src="static/assets/images/logo.png">
|
||||||
|
</div>
|
||||||
|
<div class="content">
|
||||||
|
|
||||||
|
<h4 class="header">置顶测试帖222</h4>
|
||||||
|
<div class="meta">
|
||||||
|
<span class="cinema">测试广场 14</span>
|
||||||
|
</div>
|
||||||
|
<div class="description">
|
||||||
|
<p>123234324</p>
|
||||||
|
</div>
|
||||||
|
<div class="extra">
|
||||||
|
<div class="ui label">IMAX</div>
|
||||||
|
<div class="ui label">
|
||||||
|
<i class="globe icon"></i> 附加的留言
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="item">
|
||||||
|
<div class="ui tiny image">
|
||||||
|
<img src="static/assets/images/logo.png">
|
||||||
|
</div>
|
||||||
|
<div class="content">
|
||||||
|
<a class="header">龙猫</a>
|
||||||
|
<div class="meta">
|
||||||
|
<span class="cinema">测试帖1111</span>
|
||||||
|
</div>
|
||||||
|
<div class="description">
|
||||||
|
<p></p>
|
||||||
|
</div>
|
||||||
|
<div class="extra">
|
||||||
|
<div class="ui right floated primary button">
|
||||||
|
Jiscuss测试内容，测试内容 <i class="right chevron icon"></i>
|
||||||
|
</div>
|
||||||
|
<div class="ui label">限制的</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="item">
|
||||||
|
<div class=" ui tiny image">
|
||||||
|
<img src="static/assets/images/logo.png">
|
||||||
|
</div>
|
||||||
|
<div class="content">
|
||||||
|
<a class="header">测试帖子</a>
|
||||||
|
<div class="meta">
|
||||||
|
<span class="cinema">xxx于什么时候最新回复</span>
|
||||||
|
</div>
|
||||||
|
<div class="meta">
|
||||||
|
<span class="cinema">IFC2222222。。。。</span>
|
||||||
|
</div>
|
||||||
|
<div class="description">
|
||||||
|
<p></p>
|
||||||
|
</div>
|
||||||
|
<div class="extra">
|
||||||
|
<div class="mini ui right floated labeled button" tabindex="0">
|
||||||
|
<div class="mini ui red button">
|
||||||
|
<i class="heart icon"></i> 喜欢
|
||||||
|
</div>
|
||||||
|
<a class="ui basic red left pointing label"> 1,048 </a>
|
||||||
|
</div>
|
||||||
|
<div class="mini ui right floated labeled button" tabindex="0">
|
||||||
|
<div class=" mini ui basic blue button">
|
||||||
|
<i class="fork icon"></i>评论
|
||||||
|
</div>
|
||||||
|
<a class="ui basic left pointing blue label"> 1,048 </a>
|
||||||
|
</div>
|
||||||
|
<div class="ui label">限制的2</div>
|
||||||
|
<div class="ui label">限制的3</div>
|
||||||
|
<div class="ui label">限制的4</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="ui tab segment" data-tab="sixth">6</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
<div class="ui borderless menu">
|
||||||
|
<a class="icon item">
|
||||||
|
<i class="left chevron icon"></i>
|
||||||
|
</a>
|
||||||
|
<#list pageDiscussions as page>
|
||||||
|
<a class="item">
|
||||||
|
${page}
|
||||||
|
</a>
|
||||||
|
</#list>
|
||||||
|
<a class="icon item"> <i class="right chevron icon"></i>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="mobile only sixteen wide column">
|
||||||
|
<div class="ui segment">Jiscuss手机可见，内容正在编写中，pc端可正常访问</div>
|
||||||
|
<div class="ui borderless menu">
|
||||||
|
<a class="icon item">
|
||||||
|
<i class="left chevron icon"></i>
|
||||||
|
</a>
|
||||||
|
<a class="item">
|
||||||
|
1
|
||||||
|
</a>
|
||||||
|
<a class="item">
|
||||||
|
2
|
||||||
|
</a>
|
||||||
|
<div class="disabled item">
|
||||||
|
...
|
||||||
|
</div>
|
||||||
|
<a class="item">
|
||||||
|
10
|
||||||
|
</a>
|
||||||
|
<a class="item">
|
||||||
|
11
|
||||||
|
</a>
|
||||||
|
<a class="icon item"> <i class="right chevron icon"></i>
|
||||||
|
</a>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
|
||||||
<div class="ui tab segment" data-tab="sixth">6</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
|
|
||||||
<div class="ui borderless menu">
|
|
||||||
<a class="icon item">
|
|
||||||
<i class="left chevron icon"></i>
|
|
||||||
</a>
|
|
||||||
<#list pageDiscussions as page>
|
|
||||||
<a class="item">
|
|
||||||
${page}
|
|
||||||
</a>
|
|
||||||
</#list>
|
|
||||||
<a class="icon item"> <i class="right chevron icon"></i>
|
|
||||||
</a>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="mobile only sixteen wide column">
|
|
||||||
<div class="ui segment">Jiscuss手机可见，内容正在编写中，pc端可正常访问</div>
|
|
||||||
<div class="ui borderless menu">
|
|
||||||
<a class="icon item">
|
|
||||||
<i class="left chevron icon"></i>
|
|
||||||
</a>
|
|
||||||
<a class="item">
|
|
||||||
1
|
|
||||||
</a>
|
|
||||||
<a class="item">
|
|
||||||
2
|
|
||||||
</a>
|
|
||||||
<div class="disabled item">
|
|
||||||
...
|
|
||||||
</div>
|
|
||||||
<a class="item">
|
|
||||||
10
|
|
||||||
</a>
|
|
||||||
<a class="item">
|
|
||||||
11
|
|
||||||
</a>
|
|
||||||
<a class="icon item"> <i class="right chevron icon"></i>
|
|
||||||
</a>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
||||||
</div>
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<div class="ui button" data-tooltip="预留" data-position="top center">
|
<div class="ui button" data-tooltip="预留" data-position="top center">
|
||||||
预留
|
预留
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<#include "footer.ftl"/>
|
<#include "footer.ftl"/>
|
||||||
|
|
||||||
<script type="text/javascript">
|
<script type="text/javascript">
|
||||||
|
|
||||||
$(document).ready(function() {
|
$(document).ready(function () {
|
||||||
<#if username??>
|
<#if username??>
|
||||||
setusername('${username}');
|
setusername('${username}');
|
||||||
console.log('已经登陆：'+username);
|
console.log('已经登陆：' + username);
|
||||||
</#if>
|
</#if>
|
||||||
});
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
var token = $("meta[name='_csrf']").attr("content");
|
||||||
|
if(token == '' && username && username != null){
|
||||||
|
console.log('因为默认页没有_csrf_token，跳页');
|
||||||
|
location.href="/main";
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
function massage(msg,type){
|
||||||
|
window.alert(msg);
|
||||||
|
}
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<script type="text/javascript" charset="UTF-8" src="/static/js/user/system.js"></script>
|
<script type="text/javascript" charset="UTF-8" src="/static/js/user/system.js"></script>
|
||||||
|
|||||||
@@ -5,22 +5,27 @@
|
|||||||
<!-- <link rel="stylesheet" type="text/css" href="static/semanticui/semantic.css"> -->
|
<!-- <link rel="stylesheet" type="text/css" href="static/semanticui/semantic.css"> -->
|
||||||
<!-- <script src="static/jquery/jquery-3.4.1.min.js"></script> -->
|
<!-- <script src="static/jquery/jquery-3.4.1.min.js"></script> -->
|
||||||
<!-- <script src="static/semanticui/semantic.min.js"></script> -->
|
<!-- <script src="static/semanticui/semantic.min.js"></script> -->
|
||||||
<link crossorigin="anonymous" integrity="sha384-ATvSpJEmy1egycrmomcFxVn4Z0A6rfjwlzDQrts/1QRerQhR9EEpEYtdysLpQPuQ" href="https://lib.baomitu.com/semantic-ui/2.4.1/semantic.min.css" rel="stylesheet">
|
<link crossorigin="anonymous" integrity="sha384-ATvSpJEmy1egycrmomcFxVn4Z0A6rfjwlzDQrts/1QRerQhR9EEpEYtdysLpQPuQ"
|
||||||
|
href="https://lib.baomitu.com/semantic-ui/2.4.1/semantic.min.css" rel="stylesheet">
|
||||||
<link rel="stylesheet" type="text/css" href="/static/semanticui/my.css">
|
<link rel="stylesheet" type="text/css" href="/static/semanticui/my.css">
|
||||||
<script crossorigin="anonymous" integrity="sha384-vk5WoKIaW/vJyUAd9n/wmopsmNhiy+L2Z+SBxGYnUkunIxVxAv/UtMOhba/xskxh" src="https://lib.baomitu.com/jquery/3.4.1/jquery.min.js"></script>
|
<script crossorigin="anonymous" integrity="sha384-vk5WoKIaW/vJyUAd9n/wmopsmNhiy+L2Z+SBxGYnUkunIxVxAv/UtMOhba/xskxh"
|
||||||
<script crossorigin="anonymous" integrity="sha384-6urqf2sgCGDfIXcoxTUOVIoQV+jFr/Zuc4O2wCRS6Rnd8w0OJ17C4Oo3PuXu8ZtF" src="https://lib.baomitu.com/semantic-ui/2.4.1/semantic.min.js"></script>
|
src="https://lib.baomitu.com/jquery/3.4.1/jquery.min.js"></script>
|
||||||
<script crossorigin="anonymous" integrity="sha384-CpsBIlOAWHuSRRN235sCBzEeKN6hLT6SpOGRkGadKpYj0gDP7+s3Q8pC38z8uGHH" src="https://lib.baomitu.com/tinymce/5.1.1/tinymce.min.js"></script>
|
<script crossorigin="anonymous" integrity="sha384-6urqf2sgCGDfIXcoxTUOVIoQV+jFr/Zuc4O2wCRS6Rnd8w0OJ17C4Oo3PuXu8ZtF"
|
||||||
|
src="https://lib.baomitu.com/semantic-ui/2.4.1/semantic.min.js"></script>
|
||||||
|
|
||||||
<style type="text/css">
|
<style type="text/css">
|
||||||
body {
|
body {
|
||||||
background-color: #DADADA;
|
background-color: #DADADA;
|
||||||
}
|
}
|
||||||
|
|
||||||
body > .grid {
|
body > .grid {
|
||||||
height: 100%;
|
height: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.image {
|
.image {
|
||||||
margin-top: -100px;
|
margin-top: -100px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.column {
|
.column {
|
||||||
max-width: 450px;
|
max-width: 450px;
|
||||||
}
|
}
|
||||||
@@ -51,7 +56,7 @@
|
|||||||
<input type="password" name="password" placeholder="密码">
|
<input type="password" name="password" placeholder="密码">
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="field">
|
<div class="field" id="msgId" style="display:none">
|
||||||
<div class="ui pointing red basic label">
|
<div class="ui pointing red basic label">
|
||||||
${msg}
|
${msg}
|
||||||
</div>
|
</div>
|
||||||
@@ -64,12 +69,20 @@
|
|||||||
</form>
|
</form>
|
||||||
|
|
||||||
<div class="ui message">
|
<div class="ui message">
|
||||||
<a href="/"><——Jiscuss首页</a> 新用户？ <a href="login.php#">注册</a>
|
<a href="/"><——Jiscuss首页</a> 新用户？ <a href="login.php#">注册</a>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
<script type="text/javascript">
|
||||||
|
|
||||||
|
$(document).ready(function () {
|
||||||
|
<#if msg??>
|
||||||
|
$('#msgId').show();
|
||||||
|
</#if>
|
||||||
|
});
|
||||||
|
|
||||||
|
|
||||||
|
</script>
|
||||||
</body>
|
</body>
|
||||||
|
|
||||||
</html>
|
</html>
|
||||||
|
|||||||
@@ -1,6 +1,6 @@
|
|||||||
<!DOCTYPE html>
|
<!DOCTYPE html>
|
||||||
<head lang="en">
|
<head lang="en">
|
||||||
<meta charset="UTF-8" />
|
<meta charset="UTF-8"/>
|
||||||
<title></title>
|
<title></title>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
@@ -8,12 +8,13 @@
|
|||||||
123123123123
|
123123123123
|
||||||
123132666
|
123132666
|
||||||
<br/>
|
<br/>
|
||||||
<p>
|
<p>
|
||||||
welcome ${data} to freemarker!
|
welcome ${data} to freemarker!
|
||||||
</p>
|
</p>
|
||||||
123132666
|
123132666
|
||||||
<p>
|
<p>
|
||||||
welcome ${msg} to freemarker!
|
welcome ${msg} to freemarker!
|
||||||
</p>
|
</p>
|
||||||
|
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
Reference in New Issue
Block a user