博客系统之前端展示页面


首页的展示

  1. 与之前的方法一样,建立home文件夹,然后在home文件夹下建立index.js article.js文件,在home.js文件中使用require(./home/index.js);方式导入;
  2. 骨架抽离也是一样的;在home下面建立common文件夹放一些骨架文件.art
  3. 查询文章信息,也用到了关联查询populate;在关联查询的时候如果同时使用lean()和exec()会报错说lean()不是一个函数;
  4. 展示文章显示页面的时候使用index去判断添加fl 还是fr类名
  5. 调整格式,时间用dateFormat 内容用$value.content.replace(); 在使art文件识别为html文件高亮的时候,总是会出现语法错误,因为模板语法在html文件中有的语法是错误的,所以我目前把art没有识别为html,就是没有高亮这个功能了
{
          
   {
          
   @$value.content.replace(/<[^>]+>/g,).substr(0,150)+...}}

以上代码,replace(/<[^>]+>/g,)表示用第二个参数去替换第一个参数,第一个参数表示<开始>结束,中间除了>其他的字符都可以;g表示全局应用;substr(0,150)表示截取字符从0到150

列表页码显示

循坏display数组,

<a href="/home/?page={
          
   {$value}}" class="active">{
          
   {
          
   $value}}</a>

其中的href参数是为了获取链接页码的req.query.page;

文章评论

  1. 创建评论集合 增加数据库用户之后登录compass
  2. 判断用户是否登录,如果用户登录,再允许用户提交评论表单; 去数据库中随便找一个user用户; 登录拦截功能:
  3. 在服务器端创建文章评论功能对应的路由;
  4. 在路由请求处理函数中接收客户端传递过来的评论信息; 通过req.body就可以获得提交的评论 得到的结果
  5. 将评论信息存储在评论集合中 指定name属性,然后用req.body获取
  6. 将页面重定向回文章详情页;
res.redirect();
  1. 在文章详情页面路由中获取文章评论信息并展示在页面中; 设置cookie过期时间
// 设置cookie过期时间
    cookie: {
          
   
        maxAge: 24 * 60 * 60 * 1000
    }

总结

经验分享 程序员 微信小程序 职场和发展