###

跨域问题

前后端分离是一定要跨域的,

域名不一样,或者域名一样端口不一样,都认为是跨域的,

###

完成分类页面

###

一个页面的诞生,

前端部分-分类页面:

第一步:在router里面增加一个路由,

第二步:在views增加一个html页面,

这个vue文件,有三部分,

1,html,template,

2,script,在这个里面,要把头部和页脚的公共部分,从这个地方加载进来,

3,style,

第三步,发起一个post请求,能正常发起一个post请求,就可以了,

页面展示出来之后,我们需要点击进入这个章节,或者这个书,

###

这个前端页面,分成左右两部分,

首先这个左右两部分的分隔,还是使用了一个ui框架的,

先完成左侧的最新的30本小说

然后完成右侧的最多阅读的小说,

接口层面,前端渲染层面,方法都是一样的,

##

细节:

1,注意时间格式的转换,

2,鼠标放上去,需要高亮文本,就是使用模板语言,判断一下,如果等于当前的url,就是active,否则就不是,

前端部分-图书页面:

1,views里面增加页面

这个页面的结构,可以使用第三方的,ui框架,

2,这个里面有很多的细节,

比如如果访问的url是不存在的图书,那还是在前端进行判断一下,这个地方可以vue写一个if else,

或者后端判断也是可以的,

前端部分-章节页面:

 

####

后端部分,

####

图书分类接口/book_cate/

第一步,增加一个接口,

api设计,

分类页面,/book_cate/

这是一个post请求,通过请求的参数不同,newlist,most,来区分你获取的内容是哪一块的,

这种需要一个页面发起两次请求,也可以发起一个请求,那你返回的数据结构会复杂一点,

具体的图书页面,/book/book_id

具体的章节页面,/book/book_id/zhangjie_id

 

然后处理请求的提交内容,

为了能调试你的接口,你需要安装一个postman,

返回这个分类的最新的30条数据,

这里面有很多有意思的地方,

但是不难,就是逻辑性比较强,

这里面就是一大堆的if else,

 

###

接口还有很多细节的地方

1,问题,如何定义你的返回的数据结构,以及你如果进行序列化的问题,

2,前端的内容,默认都是不可信的,所以需要对前端的内容进行检测的,

3,这么大的数据量,你的数据库的问题,比如两张表为什么不使用外键,而是自己判断,这是因为能加快速度,

图书分类接口/book/book_id

###

图书分类接口/book/book_id/zhangjie_id

怎么处理这个上一章,下一章,还有面包屑的问题,

 上一章,下一章,这个临界值的问题,两个特殊情况要怎么处理,

 

 

#####