fix: 修复了查看小说时的样式问题，同时修复了后端接口

Author: programmermark

blog/components/ChapterDetailed.js

@@ -55,26 +55,30 @@ const ChapterDetailed = (props) => {
       <div className='pager'>
         {
           chapter.preId &&
-          <Link href={`/chapterdetail?id=${chapter.preId}`}>
-            <a className='item'>
-              <span className='item-text'>上一章</span>
-            </a>
-          </Link>
+          <div className='item'>
+            <Link href={`/chapterdetail?id=${chapter.preId}`}>
+              <a>
+                <span className='item-text'>上一章</span>
+              </a>
+            </Link>
+          </div>
         }
         <div className='item'>
           <Link href={`/noveldetail?id=${chapter.novelId}`}>
-            <a className='item'>
-              <span className='item-text'>目录</span>
+            <a>
+              <span className='item-text '>目录</span>
             </a>
           </Link>
         </div>
         {
           chapter.nextId &&
-          <Link href={`/chapterdetail?id=${chapter.nextId}`}>
-            <a className='item'>
-              <span className='item-text'>下一章</span>
-            </a>
-          </Link>
+          <div className='item'>
+            <Link href={`/chapterdetail?id=${chapter.nextId}`}>
+              <a>
+                <span className='item-text'>下一章</span>
+              </a>
+            </Link>
+          </div>
         }
       </div>  
       <div className="comment-wrapper">

blog/components/Menu.js

@@ -9,7 +9,6 @@ const myMenu = (props) => {
     const navs = props.navs
     const router = props.router
     const [currentNav, setCurrentNav] = useState(navs[0]? navs[0].type: '')
-    console.log(navs)
     // 通过Link导航（便于seo），每次进入的时候都会重新render组件，所以可以在生命周期中实现
     useEffect(()=>{
         for (const nav of navs) {

blog/components/NovelItem.js

@@ -49,7 +49,7 @@ const NovelItem = (props)=>{
       <div className="introduce" dangerouslySetInnerHTML={{__html: marked(novel.summary)}}></div>
       <div className="view-content">
         <Link href={`/chapterdetail?id=${novel.id}`}>
-          <a>查看全文 ></a>
+          <a>查看全文 &gt;</a>
         </Link>
       </div>
     </div>

blog/config/apiBaseUrl.js

@@ -1,7 +1,8 @@
 const vuebaseUrl = 'https://vue.immortalboy.cn'
 const serverUrl = 'https://immortalboy.cn'
 const imgServerUrl = 'https://iamge.immortalboy.cn'
-const baseUrl = 'https://immortalboy.cn/api/blog'
+// const baseUrl = 'https://immortalboy.cn/api/blog'
+const baseUrl = 'http://localhost:7001/api/blog'
 
 const servicePath = {
   visitorLogin: baseUrl + '/comment/visitorLogin', // 评论接口：获取文章列表

blog/public/style/components/articledetailed.css

@@ -55,7 +55,7 @@
 .article-detailed .pager .item .item-text {
   padding: .5rem 1rem;
   font-size: 1.2rem;
-
+  color: #333333;
 }
 
 .article-detailed .comment-wrapper .divider {

blog/public/style/components/noveldetailed.css

@@ -9,7 +9,7 @@
   display: flex;
 }
 .novel-detailed .novel-info .info-left {
-  padding: 0 1rem;
+  padding: 1rem;
 }
 .novel-detailed .novel-info .info-left .img{
   height: 10rem;
@@ -46,7 +46,13 @@
   font-size: 13px;
 }
 .novel-detailed .novel-info .info-right .info-second {
-  padding: 1rem 0;
+  margin-top: 1rem;
+  padding: .5rem;
+  border-radius: .25rem;
+  background-color: #f9f9f9;
+  display: block;
+  text-align: left;
+  text-indent: 2rem;
 }
 .novel-detailed .chapter-list {
   background-color: #fff;

blogvue/src/components/Comment.vue

@@ -354,7 +354,6 @@ export default {
       }
     },
     clickInput(e) {
-      console.log(this.hasLogin)
       if (!this.hasLogin) {
         this.showLoginDialog = true
         // e.preventDefault()

service/app/controller/blog/index.js

@@ -195,7 +195,7 @@ class IndexController extends controller {
                               chapter.view_count AS viewCount, chapter.updatetime AS publishTime 
                               FROM novel_chapter AS chapter
                               LEFT JOIN novel ON chapter.novel_id = novel.id
-                              WHERE chapter.id in(${chapterIdStr})  ORDER BY updatetime DESC`;
+                              WHERE chapter.id in(${chapterIdStr})  ORDER BY chapter.createtime DESC`;
         chapterListResult = await this.app.mysql.query(chapterListSql);
       }
       this.ctx.body = {

service/app/controller/blog/novel.js

@@ -65,7 +65,7 @@ class ChapterController extends controller {
     const sqlResult = await this.app.mysql.query(sql, [ id ]);
     if (sqlResult.length > 0) {
       const result = sqlResult[0];
-      const nextSql = `SELECT id, createtime FROM novel_chapter WHERE createtime 
+      const nextSql = `SELECT id, createtime AS createTime FROM novel_chapter WHERE createtime 
                   in((SELECT max(createtime) FROM novel_chapter WHERE createtime< ?), 
                   (SELECT min(createtime) FROM novel_chapter WHERE createtime> ?))`;
       const nextResult = await this.app.mysql.query(nextSql, [ result.createTime, result.createTime ]);

service/config/config.default.js

@@ -27,7 +27,8 @@ module.exports = appInfo => {
     // database configuration
     client: {
       // host
-      host: 'localhost',
+      host: '129.211.106.174',
+      // host: 'localhost',
       // port
       port: '3306',
       // username