Skip to content

Commit

Permalink
使用eslint规范js代码，把layui通过cdn引入，精简代码，bug:后台文章列表的置顶隐藏按钮消失
Browse files Browse the repository at this point in the history
  • Loading branch information
@aecra
aecra committed Apr 10, 2021
1 parent 01077b5 commit b8bd98b
Show file tree
Hide file tree
Showing 295 changed files with 5,070 additions and 35,210 deletions.
116 changes: 116 additions & 0 deletions .gitignore
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,116 @@
# Logs
logs
*.log
npm-debug.log*
yarn-debug.log*
yarn-error.log*
lerna-debug.log*

# Diagnostic reports (https://nodejs.org/api/report.html)
report.[0-9]*.[0-9]*.[0-9]*.[0-9]*.json

# Runtime data
pids
*.pid
*.seed
*.pid.lock

# Directory for instrumented libs generated by jscoverage/JSCover
lib-cov

# Coverage directory used by tools like istanbul
coverage
*.lcov

# nyc test coverage
.nyc_output

# Grunt intermediate storage (https://gruntjs.com/creating-plugins#storing-task-files)
.grunt

# Bower dependency directory (https://bower.io/)
bower_components

# node-waf configuration
.lock-wscript

# Compiled binary addons (https://nodejs.org/api/addons.html)
build/Release

# Dependency directories
node_modules/
jspm_packages/

# Snowpack dependency directory (https://snowpack.dev/)
web_modules/

# TypeScript cache
*.tsbuildinfo

# Optional npm cache directory
.npm

# Optional eslint cache
.eslintcache

# Microbundle cache
.rpt2_cache/
.rts2_cache_cjs/
.rts2_cache_es/
.rts2_cache_umd/

# Optional REPL history
.node_repl_history

# Output of 'npm pack'
*.tgz

# Yarn Integrity file
.yarn-integrity

# dotenv environment variables file
.env
.env.test

# parcel-bundler cache (https://parceljs.org/)
.cache
.parcel-cache

# Next.js build output
.next
out

# Nuxt.js build / generate output
.nuxt
dist

# Gatsby files
.cache/
# Comment in the public line in if your project uses Gatsby and not Next.js
# https://nextjs.org/blog/next-9-1#public-directory-support
# public

# vuepress build output
.vuepress/dist

# Serverless directories
.serverless/

# FuseBox cache
.fusebox/

# DynamoDB Local files
.dynamodb/

# TernJS port file
.tern-port

# Stores VSCode versions used for testing VSCode extensions
.vscode-test

# yarn v2
.yarn/cache
.yarn/unplugged
.yarn/build-state.yml
.yarn/install-state.gz
.pnp.*
25 changes: 12 additions & 13 deletions article.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -9,18 +9,7 @@
<link href="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/4.5.3/css/bootstrap-grid.min.css" rel="stylesheet">
<link rel="stylesheet" href="./css/article.css" />
<link rel="stylesheet" href="./css/common.css" />
<link rel="shortcut icon" href="./logo.png" type="image/x-icon" />

<!-- markdown样式 -->
<link rel="stylesheet" href="./css/markdown.css" />

<!-- markdown解析 -->
<script src="https://cdn.bootcdn.net/ajax/libs/markdown-it/12.0.3/markdown-it.min.js"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/mermaid/8.8.4/mermaid.min.js"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/highlight.js/10.5.0/highlight.min.js"></script>

<script src="https://cdn.bootcdn.net/ajax/libs/vue/2.6.9/vue.min.js"></script>
<script src="//unpkg.com/valine/dist/Valine.min.js"></script>
<link rel="shortcut icon" href="./images/logo.png" type="image/x-icon" />
</head>
<body>
<div id="previer" class="previer">
Expand Down Expand Up @@ -93,7 +82,7 @@
<div class="row">
<div class="left row col-sm-12 col-md-12 col-lg-8 col-xl-8">
<div class="logocol-sm-12 d-none d-md-block d-lg-block d-xl-block col-md-4 col-lg-4 col-xl-4">
<img src="./logo.png" alt="logo" />
<img src="./images/logo.png" alt="logo" />
</div>
<div class="description col-sm-12 col-md-8 col-lg-8 col-xl-8">
<p class="title">AECRA | BLOG</p>
Expand All @@ -105,6 +94,16 @@
</div>
</div>
</div>
<!-- markdown样式 -->
<link rel="stylesheet" href="./css/markdown.css" />

<!-- markdown解析 -->
<script src="https://cdn.bootcdn.net/ajax/libs/markdown-it/12.0.3/markdown-it.min.js"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/mermaid/8.8.4/mermaid.min.js"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/highlight.js/10.5.0/highlight.min.js"></script>

<script src="https://cdn.bootcdn.net/ajax/libs/vue/2.6.9/vue.min.js"></script>
<script src="//unpkg.com/valine/dist/Valine.min.js"></script>
<script src="./js/background.js"></script>
<script src="./js/common.js"></script>
<script src="./js/article.js"></script>
Expand Down
158 changes: 5 additions & 153 deletions backstage/article-list.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -4,9 +4,8 @@
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>文章列表 | AECRA 博客后台</title>
<link rel="shortcut icon" href="logo.png" type="image/x-icon" />
<link rel="stylesheet" href="./layui/dist/css/layui.css" />
<link rel="stylesheet" href="./css/article-list.css" />
<link rel="shortcut icon" href="./images/logo.png" type="image/x-icon" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/layui/2.5.7/css/layui.min.css" integrity="sha512-+V5QIHvfXMjtomyr134OIvhZfJ0KHWwQc2D0wdVWcYqoe0KMTS0g4UpKN40Kuow4v8ihhehXAo+Hnz4OnIBpbw==" crossorigin="anonymous" /> <link rel="stylesheet" href="./css/article-list.css" />
</head>
<body>
<div class="previer">
Expand Down Expand Up @@ -61,7 +60,7 @@
<div class="layui-container">
<div class="left layui-col-xs12 layui-col-sm12 layui-col-md8 layui-col-lg8">
<div class="logo layui-col-xs12 layui-col-sm4 layui-col-md5 layui-col-lg4">
<img src="../logo.png" alt="logo" />
<img src="./images/logo.png" alt="logo" />
</div>
<div class="description layui-col-xs12 layui-col-sm8 layui-col-md7 layui-col-lg8">
<p class="title">AECRA 博客后台</p>
Expand All @@ -74,153 +73,6 @@
</div>
</div>
</body>
<script src="./layui/dist/layui.js"></script>
<script>
var apiUrl = "https://2021.aecra.cn/release/backstage/";
checkLogin();
function checkLogin() {
// 登陆验证
fetch(`${apiUrl}login`, {
//请求方法
method: "POST",
credentials: "include",
//请求体
body: "{}",
})
.then((response) => {
return response.json();
})
.then((data) => {
if (data.status != 0) {
window.location.href = "./login.html";
} else {
setArticleList();
}
})
.catch((err) => {
window.location.href = "./login.html";
});
}
function setArticleList() {
fetch(`${apiUrl}articleList`, {
//请求方法
method: "POST",
credentials: "include",
//请求体
body: "{}",
})
.then((response) => {
return response.json();
})
.then((data) => {
if (addToList(data)) {
setLayui();
}
})
.catch((err) => {
layer.msg("数据异常", { icon: 2 });
});
}

function addToList(data) {
var html_str = "";
for (let i = 0; i < data.length; i++) {
var element = data[i];
html_str +=
`<div class="item">
<div class="title">
<a href="./update.html?id=` +
element.id +
`">` +
element.title +
`</a>
</div>
<div class="time">
<span>发布时间：` +
element.publish_time +
`</span>
<span>修改时间：` +
element.update_time +
`</span>
</div>
<div class="state">
<form class="layui-form top-form" action="">
<div class="layui-form-item">
<label class="layui-form-label">置顶文章</label>
<div class="layui-input-block">
<input ` +
(element.toped == "1" ? "checked" : "") +
` type="checkbox" name="top" lay-filter="top" value="` +
element.id +
`" lay-skin="switch" />
</div>
</div>
</form>
<form class="layui-form hide-form" action="">
<div class="layui-form-item">
<label class="layui-form-label">隐藏文章</label>
<div class="layui-input-block">
<input ` +
(element.hided == "1" ? "checked" : "") +
` type="checkbox" name="hide" lay-filter="hide" value="` +
element.id +
`" lay-skin="switch" />
</div>
</div>
</form>
</div>
</div>`;
}
document.getElementsByClassName("article-list")[0].innerHTML = html_str;
return true;
}

function setLayui() {
layui.use("form", function () {
var form = layui.form;

form.on("switch(top)", function (data) {
var formData = {};
formData.titleId = data.value;
formData.change = "top";
formData.status = data.elem.checked;

statusChangeAjax(formData);
});
form.on("switch(hide)", function (data) {
var formData = {};
formData.titleId = data.value;
formData.change = "hide";
formData.status = data.elem.checked;

statusChangeAjax(formData);
});
});
}

function statusChangeAjax(dataOfSend) {
// 向后台传递表单数据
fetch(`${apiUrl}statusChange`, {
//请求方法
method: "POST",
credentials: "include",
//请求体
body: JSON.stringify(dataOfSend),
})
.then((response) => {
return response.json();
})
.then((data) => {
if (data.status == 0) {
layer.msg("设置成功", { icon: 1 });
} else {
layer.msg("设置失败", { icon: 2 });
window.location.href = "./article-list.html";
}
})
.catch((err) => {
layer.msg("数据异常", { icon: 2 });
});
}
</script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/layui/2.5.7/layui.all.min.js" integrity="sha512-CE9tJAa16cAOSusoYiew0yr5KzGE9f+IjOQkLJBuHTzebBxpkbV6kS1VbTCFsJFQGLlX271/X8ATZ7TJNsd4Hw==" crossorigin="anonymous"></script>
<script src="./js/article-list.js"></script>
</html>
0 backstage/logo.png → backstage/images/logo.png
View file
File renamed without changes
Loading

0 comments on commit b8bd98b

Please sign in to comment.