vue2+nodejs+mongodb搭建移动端网站

【vue2+nodejs+mongodb搭建移动端网站】的更多相关文章

vue2+nodejs+mongodb搭建移动端网站

从零开始一步步搭建移动端网站,持续更新,github代码如下,因为放了视频文件,下载可能有点慢 https://github.com/lanleilin/myHomepage 前端采用Vue2+vuex+vue-cli全家桶搭建,后端采用nodejs+express,数据库采用mongodb.使用部分豆瓣API 下载好后,安装模块,npm国外的网站较慢,建议采用cnpm国内镜像: npm install -g cnpm --registry=https://registry.npm.taobao…

express + mongodb 搭建一个简易网站（四）

express + mongodb 搭建一个简易网站 (四) 目前网站整体页面都已经能全部展示了,但是,整个网站还有两个块需要做完才能算完整,一个连接数据库,目前网站上的数据都是抓取的本地假数据,所以连接上数据库之后才能算是一个动态网站,第二个就是网站的登录页还没做,有登录就有注册,注册的用户数据也是需要放到数据库中去的. 至于使用什么数据库,就选择mongodb吧,选什么数据库按自己的心情来吧.这一节我们把项目连上数据库,然后对数据库进行增删改查,页面拿数据库中的数据进行展示. 1.在根目录下…

express + mongodb 搭建一个简易网站（三）

express + mongodb 搭建一个简易网站 (三) 前面已经实现了基本的网站功能,现在我们就开始开搞一个完整的网站,现在整个网站的UI就是下面的这个样子. 我们网站的样子就照着这个来吧. 1.为了便于维护,还是在views里面再建一个文件夹吧,就叫components吧,这个文件夹中维护的就是我们要用的公共组件.那好,我们就先在components中新建两个文件header.ejs和footer.ejs. 在header.ejs中添加如下代码: <div class="heade…

express + mongodb 搭建一个简易网站(二)

express + mongodb 搭建一个简易网站 (二) 在搭建网站(一)中,实现了简单的路由功能,这离一个完整的网站还差的有点远,继续撸代码吧. 1.首先在根目录下新建一个views文件夹,用来存放项目的模板文件,然后在views目录下分别新建index.ejs.admin.ejs.detail.ejs.about.ejs四个文件,如下图. 至于ejs模板的语法.贴个简单的介绍. 在ejs模板中,通常会用下面四种方式在HTML中输出服务端的变量或表达式的值: a. 直接在<%%>中写表达…

express + mongodb 搭建一个简易网站(一)

express + mongodb 搭建一个简易网站(一) 前言:后台使用node.js的express框架,数据库使用mongodb,模板使用ejs.大概就这些. 开始第一个简易网站之旅吧.... 1.在自己的电脑随意一个盘中建一个文件夹,名字怎么取看自己心情了,我自己的名字叫website.进入website文件夹,在根目录下新建一个package.json,添加如下代码,当然也可以在控制台中输入npm init来初始化package.json.代码贴出来了. { "name":…

Angular+NodeJs+MongoDB搭建前后端程序

get请求: //angular 前端get请求 this.client.get('http://localhost:3000/id/tom').subscribe(data => { console.log(data); }); //nodejs后端响应 app.get("/id/:name", function (request, response) { var heroName = request.params.name; //debugger; console.log(&…

express + mongodb 搭建一个简易网站（五）

前面已经将导航中的“所有宝贝”页面连上了mongodb,现在我们就把其他的页面脸上数据库,将整个网站全部实现. 打开routes文件,找到jacket.js,将里面的代码修改如下: var express = require('express'); var router = express.Router(); var goods = require('../models/goods.js'); // 载入mongoose编译后的模型movie router.get('/', function(r…