美文网首页Node.js前端开发前端杂货铺
Vuejs+Nodejs+Express+Mongodb开发一

Vuejs+Nodejs+Express+Mongodb开发一

作者: wzjcool | 来源:发表于2016-11-23 20:16 被阅读7765次

    A Blog CMS Powered By Vuejs+Nodejs+Express+Mongodb

    全栈开发之博客内容管理系统:一个前端基于Vuejs2.0,后端基于Nodejs,数据库基于Mongod的博客内容管理器

    开发环境: MACpro

    Feauter

    • 资源的CURD,筛选,排序
    • 密码使用MD5加密
    • 登录使用passport验证登录
    • 用户会话记录
    • 随机生成测试数据

    前端

    • Vue.js2.0
    • Vue-Router2.0
    • Vue-resource
    • Vue-loader

    后端

    • Node.js
    • Express

    数据库

    • mongoDB
    • mongoose

    工具和语言

    • Bootstrap
    • Webpack
    • ES2015
    • HTML5
    • vue-cli

    主要依赖包

    • vue-html-loader css-loader vue-style-loader
    • vue-hot-reload-api
    • babel-loader
    • babel-core
    • babel-plugin-transform-runtime
    • babel-preset-es2015
    • babel-runtime
    • copy-webpack-plugin
    • extract-text-webpack-plugin
    • Bootstrap
    • FontAwesome
    • express-session
    • express-validator
    • slug
    • pinyin
    • md5
    • passport
    • connection-mongo
    • moment

    本地测试

    • 安装node环境,
    • 安装mongodb数据库并开启服务(mac命令:mongod --dbpath "/usr/local/var/mongodb" (前提是没有修改默认路径))

    克隆远程库

    git clone https://github.com/wangzhongjie/BlogCms.git
    

    进入项目目录

    cd BlogCms
    

    安装依赖

    npm install
    

    进入服务器所在文件夹并运行服务器

    cd server
    node server
    

    打开浏览器输入http://localhost:3300/

    最后感谢该感谢的人

    相关文章

      网友评论

      • 一点多_1456:您好,怎么登陆进去啊?我试了注册,注册按钮不成功
      • 49209d7cf3f5:前端能运行是因为在index.html文件中引入了/dist/build.js打包文件,这样造成的一个问题就是每次改了代码要打包以后才能出来效果图。。。。。怎样才能实现运行cnpm run dev 就能出效果图,,,就大神指点:dizzy_face:
      • 437f4186e24c:重新构建下webpack,然后出错了,在浏览器中输入http://localhost:3300/,,,,控制台提示You are running Vue in development mode. Make sure to turn on production mode when deploying for production.
        437f4186e24c:@天下茶农 你看看你webpack的版本是多少。。你可以看看http://blog.csdn.net/zhangchao19890805/article/details/53375934这个链接
        4aeeb2d7a8b9:@shi鱼呐 请问大神是怎么重新构建的webpack,我构建总是报错
        437f4186e24c:解决了,,webpack版本的问题http://blog.csdn.net/zhangchao19890805/article/details/53375934
      • 437f4186e24c:cd server node server这步报错了
        437f4186e24c:需要安装mogondb数据库,并且运行改数据库的server端
      • 98046d9a5739:服务启动不了
      • PXCao:您好,感谢分享,请问修改vue文件后,如何重新构建下webpack,总是报错
        437f4186e24c:@Clloz vue-template-compiler在哪里啊,没找到。。你说的这三个分别要更新到什么版本,能说一下吗
        Clloz:试了一下,把vue-loader还有vue以及vue-template-compiler更新到一致的版本,在根目录下执行webpack命令就可以了
        Clloz:我也想问,没找到build文件

      本文标题: Vuejs+Nodejs+Express+Mongodb开发一

      本文链接:https://www.haomeiwen.com/subject/yjbvpttx.html