zoukankan      html  css  js  c++  java
  • 基于Koa实现留言版demo

    学习node、koa,随手做了一个留言板demo。

    基本功能如下:

    • 未登录用户可以查看主题列表和主题内容。
    • 用户注册和登录功能。
    • 登录用户可以发表、修改、删除自己的主题。
    • 登录用户主题列表下方有发表主题表单。
    • 登录用户自己的主题列表中有”修改“、”删除“按钮。

    好了,主要需求大概就这么多,让我们从零开始,一起学习吧。

    写在前面

    本文章供初学者学习和交流,项目未重构,有些地方都可以进行优化,后面有时间的话再考虑优化问题。

    最终效果如下:

    图1 未登录用户

    图2 注册用户-发表主题

     

    图3 编辑、删除留言

    图4 登录和个人留言列表

    开发环境

    • nodejs v10.15.3
    • koa v2.2.0
    • mysql v5.7.10

    构建项目

    项目构建使用koa-generator来快速创建,当然,你也可以自己手动创建,但比较麻烦。

    1 安装koa-generator

    在终端输入:

    $ npm install -g koa-generator

    2 使用koa-generator生成koa2项目

    在你的工作目录下,输入:

    $ koa2 messageBoardDemo

    成功创建项目后,进入项目目录,并执行npm install命令

    $ cd messageBoardDemo
    $ npm install

    3 启动项目

    在终端输入:

    $ npm start

    打开浏览器localhost:3000如果出现“welcome to koa2”等字眼,就说明构建成功了,这里不再附图了。

    浏览项目

    我是根据上面的工具生成的目录后进行开发的(嘿嘿)

    最终目录如下:

    github: https://github.com/AshinWu/messageBoard

    最后说明

    学习时随便写的,没有规范,没有测试,项目里日志也直接console,哈哈

    有些依赖可能已经老旧了,但不影响项目运行的。

    分享给大家供学习参考。

  • 相关阅读:
    css3的::selection属性
    css3的apprearance属性(转)
    CSS3的background-size
    DNS与获取
    AMD规范
    网站的个性图标
    webapp之路--之ios上图标
    webapp之路--之必备知识
    用Js的eval解析JSON中的注意点
    CSS 盒模型
  • 原文地址:https://www.cnblogs.com/wzs5800/p/10786134.html
Copyright © 2011-2022 走看看