如何用Node.js重构用户评论社区功能,实现前后端开发一体化?
- 内容介绍
- 文章标签
- 相关推荐
本文共计1553个文字,预计阅读时间需要7分钟。
今天,我们要完成一个用Node开发的后台服务器,实现一个简单的用户评论社区。首先,我们来看一下效果图:+ 开始建立项目文件夹 + comment-list + 在其中新建一个 public 文件夹。
前面
接着上一节的内容来,今天我们要完成一个用Node开发后台服务器,实现一个简单的用户评论社区。可以先看下效果图:
开始建立项目文件夹comment-list,在里面新建一个public文件夹,public文件夹存放我们允许客户端访问的资源,这里是公开的。app.js文件是我们服务端代码。
在index.html文件中放的是网站的首页内容,这里采用bootstrap框架快速搭建。可以先招一些假数据,以便页面渲染后看效果。核心代码:
<ul class="list-group comment-list"> {{each comments}} <li class="list-group-item">{{$value.content}}<span class="time">{{$value.time}}</span> <span class="name">{{$value.name}}</span></li> {{/each}} </ul>
这里采用js模板语法,等会会在服务端代码中将模板字符串渲染成真实数据。
本文共计1553个文字,预计阅读时间需要7分钟。
今天,我们要完成一个用Node开发的后台服务器,实现一个简单的用户评论社区。首先,我们来看一下效果图:+ 开始建立项目文件夹 + comment-list + 在其中新建一个 public 文件夹。
前面
接着上一节的内容来,今天我们要完成一个用Node开发后台服务器,实现一个简单的用户评论社区。可以先看下效果图:
开始建立项目文件夹comment-list,在里面新建一个public文件夹,public文件夹存放我们允许客户端访问的资源,这里是公开的。app.js文件是我们服务端代码。
在index.html文件中放的是网站的首页内容,这里采用bootstrap框架快速搭建。可以先招一些假数据,以便页面渲染后看效果。核心代码:
<ul class="list-group comment-list"> {{each comments}} <li class="list-group-item">{{$value.content}}<span class="time">{{$value.time}}</span> <span class="name">{{$value.name}}</span></li> {{/each}} </ul>
这里采用js模板语法,等会会在服务端代码中将模板字符串渲染成真实数据。

