一、目录结构
- feedfBack 文件夹
- static 文件夹 用来存放静态资源
- index.css 样式文件
- mes.json 评论数据
- view 文件夹 用来存放 html 模板文件
- index.html 首页
- 404.html
- post.html 发布留言
- app.js 文件 服务端逻辑
- static 文件夹 用来存放静态资源
二、准备工作
2.1、安装 art-template
$ npm install art-template --save
2.2、创建评论首页 index.html\
此页面使用模板引擎渲染
模板引擎使用 – 传送门
<body>
<h1>我是留言版</h1>
<h2><a href="/post">去留言</a></h2>
<div class="comments">
<ul class="list">
{
{
each comments }}
<li class="list_item">
{
{
$value.name }} :{
{
$value.message }} <span list_data>{
{
$value.dateTime}}</span>
</li>
{
{
/each }}
</ul>
</div>
</body>
2.3、创建 mes.json 存储数据
[
{