From 06ba53576ad49b27b0eb0e4b86f9d10a5e48fa7b Mon Sep 17 00:00:00 2001
From: Leoword <password123>
Date: Tue, 27 Feb 2018 02:53:27 +0800
Subject: [PATCH] [ADDED] administrator publish artical

---
 app/artical.vue                               | 158 ++++++++++++++++++
 app/component/nav.vue                         |   3 +
 .../administrator-manage-artical.vue          |  82 +++++++++
 .../administrator-publish-artical.vue         |  83 +++++++++
 .../personalpage/tourist-manage-tranvel.vue   |   2 +
 app/mainPage.vue                              |  88 +++++++++-
 app/personalpage/administrator.vue            |  14 ++
 app/router.js                                 |   5 +
 app/search.vue                                |  24 +++
 src/handler/administrator-delete-artical.js   |  23 +++
 src/handler/administrator-manage-artical.js   |  24 +++
 src/handler/administrator-publish-artical.js  |  33 ++++
 src/handler/query-artical.js                  |  20 +++
 src/handler/search-artical.js                 |  34 ++++
 src/model/artical.js                          |  32 ++++
 src/model/index.js                            |   3 +-
 src/route/index.js                            |  13 +-
 17 files changed, 634 insertions(+), 7 deletions(-)
 create mode 100644 app/artical.vue
 create mode 100644 app/component/personalpage/administrator-manage-artical.vue
 create mode 100644 app/component/personalpage/administrator-publish-artical.vue
 create mode 100644 src/handler/administrator-delete-artical.js
 create mode 100644 src/handler/administrator-manage-artical.js
 create mode 100644 src/handler/administrator-publish-artical.js
 create mode 100644 src/handler/query-artical.js
 create mode 100644 src/handler/search-artical.js
 create mode 100644 src/model/artical.js

diff --git a/app/artical.vue b/app/artical.vue
new file mode 100644
index 0000000..ef73539
--- /dev/null
+++ b/app/artical.vue
@@ -0,0 +1,158 @@
+<template>
+	<div id="artical">
+		<div class="container">
+			<nav-self></nav-self>
+			<div class="input-group">
+				<select class="custom-select" id="inputGroupSelect04" v-model="type.typeValue">
+					<option value="" selected>选择感兴趣的文章类型</option>
+					<option value="国内山河">国内山河</option>
+					<option value="国外风光">国外风光</option>
+					<option value="历史古迹">历史古迹</option>
+					<option value="浪漫圣地">浪漫圣地</option>
+					<option value="风格迥异">风格迥异</option>
+				</select>
+				<div class="input-group-append">
+					<button class="btn btn-success" type="button" @click="google()">搜索</button>
+				</div>
+			</div>
+			<div class="recommend">
+				<h1 class="text-center">全部文章</h1>
+				<div class="cardBar" v-if="isShow">
+					<div class="card" v-for="(item,index) in note"
+					:key="index" @click="jump(item)">
+						<img class="card-img-top"
+						:src="url + image"
+						alt="未上传图片">
+						<div class="card-body">
+							<p class="card-text">{{item.title}}</p>
+							<p class="card-text">
+								<span>{{item.type}}</span>
+							</p>
+						</div>
+					</div>
+				</div>
+				<nav v-if="isNav">
+					<ul class="pagination">
+						<li class="page-item"
+						v-for="(item, index) in container"
+						:key="index">
+							<span class="page-link" href="#"
+							@click="number = index;changePage()">{{index+1}}</span>
+						</li>
+					</ul>
+				</nav>
+				<p class="p" v-if="!isShow">没有合适的文章存在</p>
+			</div>
+		</div>
+	</div>
+</template>
+
+<script>
+import NavSelf from './component/nav.vue';
+import axios from 'axios';
+import {pagenator} from './mixin';
+
+export default {
+	data() {
+		return {
+			note: [],
+			moreNote: [],
+			url: 'http://localhost:4000/',
+			image: '1.jpg',
+			isShow: true,
+			isNav: true,
+			type: {
+				typeValue: ''
+			},
+			container: [],
+			number: 0
+		};
+	},
+	beforeCreate() {
+		axios.get('api/main/artical').then(res => {
+			if (res.data.lenght !== 0) {
+				const {container, note} = pagenator(8, res.data, this.container, this.note);
+
+				this.container = container;
+				this.note = note;
+			} else {
+				this.isShow = false;
+			}
+
+		});
+	},
+	methods: {
+		google() {
+			axios.post('api/main/artical', this.type).then(res => {
+				if (res.data.lenght !== 0 || res.data.lenght !== undefined) {
+					this.note = res.data;
+					this.isNav = false;
+				} else {
+					this.isShow = false;
+				}
+			})
+		},
+		changePage() {
+			this.note = this.container[this.number];
+		},
+		jump(item) {
+			this.$router.push({
+				path: '/note/detail',
+				query: {
+					note: item
+				}
+			});
+		}
+	},
+	components: {
+		NavSelf
+	}
+}
+</script>
+
+<style>
+#artical .container {
+	margin:0;
+	padding:0;
+	width:100%;
+	min-width:1340px;
+}
+#artical .input-group {
+	width:40%;
+	margin:30px auto;
+}
+#artical .input-group input{
+	border-color: green;
+}
+#artical .recommend{
+	width:100%;
+	padding:40px 5%;
+}
+#artical .recommend .p{
+	text-align: center;
+	font-size: 40px;
+	font-weight: bold;
+	margin-top: 20px;
+}
+#artical .recommend .btn {
+	margin: 0 auto;
+	display: block;
+}
+#artical .recommend .cardBar {
+	height:600px;
+}
+#artical h1{
+	color:rgb(122,122,122);
+	margin-bottom:30px;
+}
+#artical .card{
+	width:23%;
+	margin:1%;
+	float: left;
+}
+#artical .recommend .card img{
+	width:100%;
+	height:200px;
+	background-color: gray;
+}
+</style>
\ No newline at end of file
diff --git a/app/component/nav.vue b/app/component/nav.vue
index 3f56c90..f6f67f0 100644
--- a/app/component/nav.vue
+++ b/app/component/nav.vue
@@ -28,6 +28,9 @@
 					<li class="nav-item dropdown">
 						<router-link class="nav-link" to="/topic">话题中心</router-link>
 					</li>
+					<li class="nav-item dropdown">
+						<router-link class="nav-link" to="/artical">文章中心</router-link>
+					</li>
 					<!-- <li class="nav-item dropdown">
 						<router-link class="nav-link" to="#">人工服务</router-link>
 					</li>
diff --git a/app/component/personalpage/administrator-manage-artical.vue b/app/component/personalpage/administrator-manage-artical.vue
new file mode 100644
index 0000000..bb48b84
--- /dev/null
+++ b/app/component/personalpage/administrator-manage-artical.vue
@@ -0,0 +1,82 @@
+<template>
+	<div>
+		<table class="table" v-if="artical !== null">
+			<thead>
+				<tr>
+					<th scope="col">标题</th>
+					<th scope="col">类型</th>
+					<th scope="col">创建时间</th>
+				</tr>
+			</thead>
+			<tbody>
+				<tr v-for="(item, index) in artical"
+				:key="index">
+					<td>{{item.title}}</td>
+					<td>{{item.type}}</td>
+					<td>{{item.createdAt}}</td>
+					<td>
+						<button class="btn btn-primary"
+						@click="deleteArtical(item)">删除</button>
+					</td>
+				</tr>
+			</tbody>
+		</table>
+		<nav>
+			<ul class="pagination">
+				<li class="page-item"
+				v-for="(item, index) in container"
+				:key="index">
+					<span class="page-link" href="#"
+					@click="number = index;changePage()">{{index+1}}</span>
+				</li>
+			</ul>
+		</nav>
+		<h1 v-if="artical === null">{{tip}}</h1>
+		<p class="alert alert-warning" v-if="isPrompt">{{prompt}}</p>
+	</div>
+</template>
+
+<script>
+import axios from 'axios';
+import {pagenator} from '../../mixin';
+
+export default {
+	data() {
+		return {
+			artical: null,
+			tip: '',
+			container: [],
+			isPrompt: false,
+			prompt: '',
+			number: 0
+		}
+	},
+	beforeCreate() {
+		return axios.get('/api/personal/administrator/manage/artical').then((res) => {
+
+			if (!res.data.information) {
+				const {container, note} = pagenator(5, res.data, this.container, this.note);
+
+				this.container = container;
+				this.artical = note;
+
+			}  else {
+				this.tip = res.data.information;
+			}
+		});
+	},
+	methods: {
+		deleteArtical(item) {
+			axios.put('/api/personal/administrator/delete/artical', item).then(res => {
+				if (res.data.prompt) {
+					this.isPrompt = true;
+					this.prompt = res.data.prompt;
+				}
+			});
+		},
+		changePage() {
+			this.artical = this.container[this.number];
+		}
+	}
+}
+</script>
\ No newline at end of file
diff --git a/app/component/personalpage/administrator-publish-artical.vue b/app/component/personalpage/administrator-publish-artical.vue
new file mode 100644
index 0000000..9f62102
--- /dev/null
+++ b/app/component/personalpage/administrator-publish-artical.vue
@@ -0,0 +1,83 @@
+<template>
+	<form>
+		<div class="form-group row">
+			<label for="title" class="col-sm-2 col-form-label label">
+				标题：
+			</label>
+			<input id="title" class="form-control 
+			col-sm-6" type="text"
+			v-model="artical.title"
+			placeholder="输入四到十个汉字" @focus="hidden()" required/>
+		</div>
+		<div class="form-group row">
+			<label for="type" class="col-sm-2 col-form-label label">
+				游记类型：
+			</label>
+			<select id="type" class="custom-select col-sm-6"
+			v-model="artical.type" @focus="hidden()">
+				<option value="国内山河">国内山河</option>
+				<option value="国外风光">国外风光</option>
+				<option value="历史古迹">历史古迹</option>
+				<option value="浪漫圣地">浪漫圣地</option>
+				<option value="风格迥异">风格迥异</option>
+			</select>
+		</div>
+		<div class="form-group row">
+			<label for="content" class="col-sm-2 col-form-label label">
+				内容：
+			</label>
+			<textarea id="content" class="form-control 
+			col-sm-6" rows="10" 
+			v-model="artical.content" @focus="hidden()" required>
+			</textarea>
+		</div>
+		<div class="form-group row">
+			<div class="col-sm-3"></div>
+			<button type="submit" class="col-sm-1 btn btn-primary" @click="submit(artical)">提交</button>
+			<div class="col-sm-1"></div>
+			<button type="reset" class="col-sm-1 btn btn-primary">重置</button>
+		</div>
+		<p class="alert alert-warning" v-if="isPrompt">{{prompt}}</p>
+	</form>
+
+</template>
+
+<script>
+import axios from 'axios';
+import {
+	TITLE,
+	validate
+} from '../../mixin';
+
+export default {
+	data() {
+		return {
+			artical:{
+				title: '',
+				content: '',
+				type: ''
+			},
+			isPrompt: false,
+			prompt: ''
+		}
+	},
+	methods: {
+		submit(artical) {
+			if (!validate(artical.title, TITLE)) {
+				this.isPrompt = true;
+				this.prompt = '输入标题格式不正确';
+
+				return;
+			}
+
+			axios.post('api/personal/administrator/publish/artical', artical).then(res => {
+				this.isPrompt = true;
+				this.prompt = res.data.information;
+			});
+		},
+		hidden() {
+			this.isPrompt = false;
+		}
+	}
+}
+</script>
\ No newline at end of file
diff --git a/app/component/personalpage/tourist-manage-tranvel.vue b/app/component/personalpage/tourist-manage-tranvel.vue
index 6ae28c3..c444c36 100644
--- a/app/component/personalpage/tourist-manage-tranvel.vue
+++ b/app/component/personalpage/tourist-manage-tranvel.vue
@@ -62,6 +62,8 @@ export default {
 				this.container = container;
 				this.note = note;
 
+			}  else {
+				this.tip = res.data.information;
 			}
 		});
 	},
diff --git a/app/mainPage.vue b/app/mainPage.vue
index 21098a2..d1b0de5 100644
--- a/app/mainPage.vue
+++ b/app/mainPage.vue
@@ -9,7 +9,7 @@
 					<button class="btn btn-success" type="button" @click="google()">搜索</button>
 				</div>
 			</div>
-			<div class="recommend">
+			<div class="recommend large">
 				<h1 class="text-center">今日推荐</h1>
 				<div class="cardBar">
 					<div class="card" v-for="(item,index) in production"
@@ -21,9 +21,13 @@
 							<p class="card-text">{{item.productionName}}</p>
 							<p class="card-text">
 								<span>{{item.type}}</span>
+								<span>商品类</span>
 								<span>{{item.price}}元</span>
 							</p>
 						</div>
+						<div class="card-footer">
+							<small class="text-muted">Last updated</small>
+						</div>
 					</div>
 					<div class="card" v-for="(item,index) in note"
 					:key="index" @click="jumpNote(item)">
@@ -34,8 +38,28 @@
 							<p class="card-text">{{item.title}}</p>
 							<p class="card-text">
 								<span>{{item.type}}</span>
+								<span>游记类</span>
+							</p>
+						</div>
+						<div class="card-footer">
+							<small class="text-muted">Last updated</small>
+						</div>
+					</div>
+					<div class="card" v-for="(item,index) in artical"
+					:key="index" @click="jumpNote(item)">
+						<img class="card-img-top"
+						:src="url + image"
+						alt="未上传图片">
+						<div class="card-body">
+							<p class="card-text">{{item.title}}</p>
+							<p class="card-text">
+								<span>{{item.type}}</span>
+								<span>文章类</span>
 							</p>
 						</div>
+						<div class="card-footer">
+							<small class="text-muted">Last updated</small>
+						</div>
 					</div>
 				</div>
 			</div>
@@ -74,10 +98,34 @@
 								<span>{{item.type}}</span>
 							</p>
 						</div>
+						<div class="card-footer">
+							<small class="text-muted">Last updated</small>
+						</div>
 					</div>
 				</div>
 				<router-link tag="button" class="btn btn-lg btn-secondary" to="/note">查看更多游记</router-link>
 			</div>
+			<div class="recommend shopping">
+				<h1 class="text-center">最新文章推荐</h1>
+				<div class="cardSmall">
+					<div class="card" v-for="(item,index) in moreArtical"
+					:key="index" @click="jumpNote(item)">
+						<img class="card-img-top"
+						:src="url + image"
+						alt="未上传图片">
+						<div class="card-body">
+							<p class="card-text">{{item.title}}</p>
+							<p class="card-text">
+								<span>{{item.type}}</span>
+							</p>
+						</div>
+						<div class="card-footer">
+							<small class="text-muted">Last updated</small>
+						</div>
+					</div>
+				</div>
+				<router-link tag="button" class="btn btn-lg btn-secondary" to="/artical">查看更多文章</router-link>
+			</div>
 		</div>
 	</div>
 </template>
@@ -93,6 +141,8 @@ export default {
 			moreProduction: [],
 			note: [],
 			moreNote: [],
+			artical: [],
+			moreArtical: [],
 			url: 'http://localhost:4000/',
 			image: '1.jpg',
 			information: ''
@@ -100,25 +150,41 @@ export default {
 	},
 	beforeCreate() {
 		axios.get('api/main/production').then(res => {
-			for (let i = 0;i < 4;i++) {
+			const number = this.count(res.data);
+
+			for (let i = number - 4;i < number;i++) {
 				this.production.push(res.data[i]);
 			}
 
-			for (let i = 4;i < 8;i++) {
+			for (let i = number - 8;i < number - 4;i++) {
 				this.moreProduction.push(res.data[i]);
 			}
 		});
 
 		axios.get('api/main/note').then(res => {
-			for (let i = 0;i < 4;i++) {
+			const number = this.count(res.data);
+
+			for (let i = number - 4;i < number;i++) {
 				this.note.push(res.data[i]);
 			}
 
-			for (let i = 4;i < 8;i++) {
+			for (let i = number - 8;i < number - 4;i++) {
 				this.moreNote.push(res.data[i]);
 			}
 		});
 
+		axios.get('api/main/artical').then(res => {
+			const number = this.count(res.data);
+
+			for (let i = number - 4;i < number;i++) {
+				this.artical.push(res.data[i]);
+			}
+
+			for (let i  = number - 8;i < number - 4;i++) {
+				this.moreArtical.push(res.data[i]);
+			}
+		});
+
 	},
 	methods: {
 		google() {
@@ -146,6 +212,15 @@ export default {
 					note: item
 				}
 			});
+		},
+		count(array) {
+			let number = 0;
+
+			array.forEach(item => {
+				number++;
+			});
+
+			return number;
 		}
 	},
 	components: {
@@ -168,6 +243,9 @@ export default {
 	width:100%;
 	padding:40px 5%;
 }
+#mainPage .large{
+	height:1250px;
+}
 #mainPage .recommend .btn {
 	margin: 0 auto;
 	display: block;
diff --git a/app/personalpage/administrator.vue b/app/personalpage/administrator.vue
index d03bd97..dc36f84 100644
--- a/app/personalpage/administrator.vue
+++ b/app/personalpage/administrator.vue
@@ -24,6 +24,16 @@
 						游客管理
 					</div>
 					<div class="item"
+					:class="{ 'on': currentView === 'publish-artical' }"
+					@click="currentView = 'publish-artical';viewName = '发布文章'">
+						发布文章
+					</div>
+					<div class="item"
+					:class="{ 'on': currentView === 'manage-artical' }"
+					@click="currentView = 'manage-artical';viewName = '管理文章'">
+						管理文章
+					</div>
+					<div class="item"
 					:class="{ 'on': currentView === 'production-examine' }"
 					@click="currentView = 'production-examine';viewName = '商品审核'">
 						商品审核
@@ -56,6 +66,8 @@
 import ManageCommercial from '../component/personalpage/administrator-manage-commercial.vue';
 import ManageTourist from '../component/personalpage/administrator-manage-tourist.vue';
 import ProductionExamine from '../component/personalpage/administrator-examine-production.vue';
+import ManageArtical from '../component/personalpage/administrator-manage-artical.vue';
+import PublishArtical from '../component/personalpage/administrator-publish-artical.vue';
 import NoteExamine from '../component/personalpage/administrator-examine-note.vue';
 import TopicExamine from '../component/personalpage/administrator-examine-topic.vue';
 import Signout from '../component/personalpage/administrator-signout.vue';
@@ -75,6 +87,8 @@ export default {
 		ProductionExamine,
 		NoteExamine,
 		TopicExamine,
+		ManageArtical,
+		PublishArtical,
 		Signout,
 		NavSelf
 	}
diff --git a/app/router.js b/app/router.js
index 017bf11..a0cbe0e 100644
--- a/app/router.js
+++ b/app/router.js
@@ -8,6 +8,7 @@ import Production from './production.vue';
 import ProductionDetail from './production-detail.vue';
 import Search from './search.vue';
 import Note from './note.vue';
+import Artical from './artical.vue';
 import NoteDetail from './note-detail.vue';
 import Topic from './topic.vue';
 import TopicDetail from './topic-detail.vue';
@@ -32,6 +33,10 @@ export default new Router({
 			path: '/note',
 			component: Note
 		},
+		{
+			path: '/artical',
+			component: Artical
+		},
 		{
 			path: '/topic',
 			component: Topic
diff --git a/app/search.vue b/app/search.vue
index 6755a94..1dba515 100644
--- a/app/search.vue
+++ b/app/search.vue
@@ -14,6 +14,7 @@
 							<p class="card-text">{{item.productionName}}</p>
 							<p class="card-text">
 								<span>{{item.type}}</span>
+								<span>商品类</span>
 								<span>{{item.price}}元</span>
 							</p>
 						</div>
@@ -27,6 +28,20 @@
 							<p class="card-text">{{item.title}}</p>
 							<p class="card-text">
 								<span>{{item.type}}</span>
+								<span>游记类</span>
+							</p>
+						</div>
+					</div>
+					<div class="card" v-for="(item,index) in artical"
+					:key="index" @click="jumpNote(item)">
+						<img class="card-img-top"
+						:src="url + image"
+						alt="未上传图片">
+						<div class="card-body">
+							<p class="card-text">{{item.title}}</p>
+							<p class="card-text">
+								<span>{{item.type}}</span>
+								<span>文章类</span>
 							</p>
 						</div>
 					</div>
@@ -45,6 +60,7 @@ export default {
 		return {
 			production: null,
 			note: null,
+			artical: null,
 			url: 'http://localhost:4000/',
 			image: '1.jpg',
 			isShow: true,
@@ -69,6 +85,14 @@ export default {
 				this.elseShow = false;
 			}
 		});
+
+		axios.post('api/search/artical', parameter).then(res => {
+			if (res.data.length !== 0) {
+				this.artical = res.data;
+			} else {
+				this.elseShow = false;
+			}
+		});
 	},
 	methods: {
 		jumpProduction(item) {
diff --git a/src/handler/administrator-delete-artical.js b/src/handler/administrator-delete-artical.js
new file mode 100644
index 0000000..85141dd
--- /dev/null
+++ b/src/handler/administrator-delete-artical.js
@@ -0,0 +1,23 @@
+'use strict';
+
+const sequelize = require('../lib/database');
+const Artical = sequelize.model('artical');
+
+module.exports = function deleteArtical(req, res, next) {
+	Artical.destroy({
+		where: {
+			title: req.body.title
+		}
+	}).then(artical => {
+
+		if (artical !== 0) {
+			res.status(200).json({
+				prompt: '删除成功,请刷新！'
+			});
+		} else {
+			res.status(200).json({
+				information: '你还没有发布任何游记！'
+			});
+		}
+	});
+}
\ No newline at end of file
diff --git a/src/handler/administrator-manage-artical.js b/src/handler/administrator-manage-artical.js
new file mode 100644
index 0000000..ae415a1
--- /dev/null
+++ b/src/handler/administrator-manage-artical.js
@@ -0,0 +1,24 @@
+'use strict';
+
+const sequelize = require('../lib/database');
+const Artical = sequelize.model('artical');
+
+module.exports = function manageArtical(req, res, next) {
+	if (!req.session.state  || req.session.type !== 'administrator') {
+		res.status(200).json({
+			information: '你还没有登录！'
+		});
+
+		return;
+	}
+
+	Artical.findAll().then(artical => {
+		if (artical.length !== 0) {
+			res.status(200).json(artical);
+		} else {
+			res.status(200).json({
+				information: '你还没有发布任何文章！'
+			});
+		}
+	});
+}
\ No newline at end of file
diff --git a/src/handler/administrator-publish-artical.js b/src/handler/administrator-publish-artical.js
new file mode 100644
index 0000000..a390692
--- /dev/null
+++ b/src/handler/administrator-publish-artical.js
@@ -0,0 +1,33 @@
+const sequelize = require('../lib/database');
+const Artical = sequelize.model('artical');
+const {throwError} = require('error-standardize');
+const validate = require('../lib/validate');
+
+module.exports = function addArtical(req, res, next) {
+	if (!validate('tranvelNote', req.body)) {
+		throwError(new Error('your title or content is ignore!'), 300);
+
+		return;
+	}
+
+	if (!req.session.state  || req.session.type !== 'administrator') {
+		res.status(200).json({
+			information: '你还没有进行登录！'
+		});
+
+		return;
+	}
+
+	Artical.create({
+		administrator: req.session.name,
+		title: req.body.title,
+		content: req.body.content,
+		type: req.body.type
+	}).then(item => {
+		if (item !== null) {
+			res.status(200).json({
+				information: '提交成功！'
+			});
+		}
+	});
+};
\ No newline at end of file
diff --git a/src/handler/query-artical.js b/src/handler/query-artical.js
new file mode 100644
index 0000000..aaa4ec7
--- /dev/null
+++ b/src/handler/query-artical.js
@@ -0,0 +1,20 @@
+const sequelize = require('../lib/database');
+const Artical = sequelize.model('artical');
+
+module.exports = function getAllArtical(req, res, next) {
+	if (req.body.typeValue === ''|| req.body.typeValue === undefined) {
+		Artical.findAll().then(artical => {
+			if (artical.length !== 0) {
+				res.status(200).json(artical);
+			}
+		});
+	} else {
+		Artical.findAll({
+			where: {
+				type: req.body.typeValue
+			}
+		}).then(artical => {
+			res.status(200).json(artical);
+		});
+	}
+};
\ No newline at end of file
diff --git a/src/handler/search-artical.js b/src/handler/search-artical.js
new file mode 100644
index 0000000..ae66487
--- /dev/null
+++ b/src/handler/search-artical.js
@@ -0,0 +1,34 @@
+'use strict';
+
+const sequelize = require('../lib/database');
+const Sequelize = require('sequelize');
+const Artical = sequelize.model('artical');
+const Op = Sequelize.Op;
+
+module.exports = function searchArtical(req, res, next) {
+	const search = `%${req.body.search}%`;
+
+	Artical.findAll({
+		where: {
+			[Op.or]: [
+				{
+					title: {
+						[Op.like]: search
+					}
+				},
+				{
+					content: {
+						[Op.like]: search
+					}
+				},
+				{
+					type: {
+						[Op.like]: search
+					}
+				}
+			]
+		}
+	}).then(artical => {
+		res.status(200).json(artical);
+	});
+};
\ No newline at end of file
diff --git a/src/model/artical.js b/src/model/artical.js
new file mode 100644
index 0000000..0debf92
--- /dev/null
+++ b/src/model/artical.js
@@ -0,0 +1,32 @@
+'use strict';
+
+const sequelize = require('../lib/database');
+const Sequelize = require('sequelize');
+const Administrator = sequelize.model('administrator');
+
+const Artical = sequelize.define('artical', {
+	articalNumber: {
+		type: Sequelize.INTEGER(11).UNSIGNED,
+		allowNull: false,
+		primaryKey: true,
+		autoIncrement: true
+	},
+	title: {
+		type: Sequelize.STRING,
+		allowNull: false
+	},
+	content: {
+		type: Sequelize.STRING,
+		allowNull: false
+	},
+	type: {
+		type: Sequelize.STRING,
+		allowNull: false
+	}
+});
+
+Administrator.hasMany(Artical, {
+	foreignKey: 'administrator'
+});
+
+Artical.sync();
\ No newline at end of file
diff --git a/src/model/index.js b/src/model/index.js
index 52ffd15..9db2fa6 100644
--- a/src/model/index.js
+++ b/src/model/index.js
@@ -6,4 +6,5 @@ require('./production');
 require('./order');
 require('./collection');
 require('./topic');
-require('./comment');
\ No newline at end of file
+require('./comment');
+require('./artical');
\ No newline at end of file
diff --git a/src/route/index.js b/src/route/index.js
index 389f36e..21b2507 100644
--- a/src/route/index.js
+++ b/src/route/index.js
@@ -57,7 +57,12 @@ const {
 	businessOrder,
 	passOrder,
 	businessAnalysisCollection,
-	businessAnalysisOrder
+	businessAnalysisOrder,
+	addArtical,
+	manageArtical,
+	deleteArtical,
+	getAllArtical,
+	searchArtical
 } = handlers;
 
 router.post('/signup/tourist', touristSignUp);
@@ -83,10 +88,13 @@ router.post('/main/production', getAllProduction);
 router.get('/main/production', getAllProduction);
 router.post('/main/note', getAllNote);
 router.get('/main/note', getAllNote);
+router.post('/main/artical', getAllArtical);
+router.get('/main/artical', getAllArtical);
 router.post('/main/topic', getAllTopic);
 router.get('/main/topic', getAllTopic);
 router.post('/search/production', searchProduction);
 router.post('/search/note', searchNote);
+router.post('/search/artical', searchArtical);
 router.get('/personal/administrator/manageBusiness', manageBusiness);
 router.get('/personal/administrator/manageTourist', manageTourist);
 router.put('/personal/administrator/deleteTourist', deleteTourist);
@@ -111,5 +119,8 @@ router.get('/personal/tourist/recommend', recommend);
 router.get('/personal/tourist/analysis', analysis);
 router.get('/personal/business/analysis/collection', businessAnalysisCollection);
 router.get('/personal/business/analysis/order', businessAnalysisOrder);
+router.post('/personal/administrator/publish/artical', addArtical);
+router.get('/personal/administrator/manage/artical', manageArtical);
+router.put('/personal/administrator/delete/artical', deleteArtical);
 
 module.exports = router;
\ No newline at end of file