NodeJS服务端渲染实现简单评论功能

最新推荐文章于 2024-07-02 11:45:00 发布

我是锴

最新推荐文章于 2024-07-02 11:45:00 发布

阅读量833

点赞数

分类专栏：前端 NodeJS

本文链接：https://blog.csdn.net/weixin_41374628/article/details/89521591

版权

本文介绍了如何使用NodeJS搭建一个简单的评论功能，包括目录结构、准备工作和核心的app.js页面。通过服务端渲染，处理GET和POST请求，存储评论数据到mes.json，并实现了表单提交后的重定向操作。

摘要由CSDN通过智能技术生成

一、目录结构

feedfBack 文件夹
- static 文件夹用来存放静态资源
  - index.css 样式文件
  - mes.json 评论数据
- view 文件夹用来存放 html 模板文件
  - index.html 首页
  - 404.html
  - post.html 发布留言
- app.js 文件服务端逻辑

二、准备工作

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 存储数据

[
 	{

最低0.47元/天解锁文章

我是锴

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
NodeJS服务端渲染实现简单评论功能

目录结构feedfBack 文件夹static 文件夹用来存放静态资源index.css 样式文件mes.json 评论数据view 文件夹用来存放 html 模板文件index.html 首页404.htmlpost.html 发布留言app.js 文件服务端逻辑Demomes.json[]index.css.comments{ ...
复制链接

扫一扫

专栏目录