菜鸟一枚,业余一直想做个火车票查票的H5,前端页面什么的已经写好了,node+mongoDB 也写了一个车站的接口,但 接下来的爬12306获取车次信息数据一直卡住,网上的爬12306的大部分是python,node的资料比较少,而且本身也不会node.js, 没有任何基础,只能看着文档写几个小demo... nodejs爬取查票接口,获取json数据,由于12306的查票接口返回的数据是经过加密的,所以要再对result进行解析输出 写这个的时候,找了好多,还学了python,准备用pthon…

前端菜鸟一枚,由于公司项目用到了vue,我虽然参与了,但是很多环境配置和流程还不是特别清楚,就想自己个人业余做个webapp看看, 对于完全新手而言,很多坑会纠结很久,所以想借此机会自己做的同时记录各种坑,网上的vue项目搜的的大都是仿饿了么,由于公司项目做的是火车票, 所以我就找了找火车票相关app,界面上我更喜欢飞猪的橙色基调,所以决定仿飞猪的火车票部分,从最基本的开始,先让项目运行起来: 项目地址:https://github.com/leitingting08/train 已完成一些静态…

vue基本环境配置好之后,就可以开始开发页面了 开发页面之前先了解一下项目结构,原始的目录结构为: config是配置文件,环境配置好了开发阶段可以不再去修改了,node_modules文件夹是打包的一些依赖,可以通过npm安装其他需要的依赖,都会被装到这个文件夹里 src文件夹是开发中用到最多的文件夹,assets这是模板里放图片的,可以用,也可以不用,一般用images习惯了,可以改成images,也可以放在page下 components文件夹是放一些通用组件,可以自己根据业务需求来写,p…

把车站列表保存到数据库,并且从本地创建服务 node.js创建httpserver 1.搭建基于express的运行环境 全局安装express-gengerator cnpm install -g express-gengerator 2.创建express项目,创建了本地服务 express server 生成server目录,目录下的bin是可执行文件,运行bin下的www文件启动服务 node server/bin/www 启动成功打开浏览器localhost:3000 server下的…

各项配置都好了,就可以开始写静态页面了,先别急着写,看一下页面又哪些公用的部分可以提取出来的,统一放到components组件文件夹中 header头部文件夹放一些头部常用组件,如首页的banner切换封装一个swiper组件,tab切换封装一个tab组件,头部的标题封装一个vHeader组件 footer底部文件加放一些页面底部常用组件,如首页的菜单menu组件,列表页的筛选filter组件 另外,注意每新建一个页面一定要到router里的index.js中去配置,例如,添加了index.vu…

想要把项目通过git提交到GitHub上,但提交时并不想提交node_modules文件夹,这个文件夹太大 git 提交代码时不提交配置文件夹node_modules 在.gitignore文件中添加node_modules,就表示忽略这个文件夹,不提交到远程,再运行git status的时候,就会发现写在.gitignore里的文件夹不显示,提交时不会提交到远程 .gitignore .DS_Store node_modules npm-debug.log* yarn-debug.log* y…

选择城市,支持搜索,储存选择过城市的历史记录,点击索引能跳到相应位置 1. 父子组件传值,trainCity城市选择组件,选择城市后改变父组件的值 2. 把城市数组按照字母A到Z排序 3.点击字母索引,跳到相应位置 4.支持搜索框搜索 具体实现代码:https://github.com/leitingting08/train/blob/master/src/components/cityselect/train-city.vue…

用vue+node +mongodb实现前后台交互的页面代码,已经上传到github上, 地址是: https://github.com/GainLoss/vue-node-mongodb https://github.com/GainLoss/vue-manger 实现一个基本交互功能:http://www.cnblogs.com/GainLoss/p/6927626.html 踩过的坑:http://www.cnblogs.com/GainLoss/p/6929299.html 这次说的是在…

后台管理系统 使用工具: Vue    Node     Mongodb   Element-ui 一.后台(Node+Mongodb) 前期准备: 需要下载的包: mongooes -------- 连接 mongodb express --------- web应用框架 crypo --------- 加密 body-parser --------- post解析模块 文件夹的大致内容(需要创建的文件) 注册:在这里注册使用get来接收前端发来的请求(zhuce.js) // 引入一个exp…

前面几个月工作有点忙,导致构建简单商城系统的计划搁置近三个月.现在终于有时间重新回过头来继续本计划.本篇主要记录自己在阿里云服务器上搭建node运行环境的整个过程,以及对其中遇到的一些问题的思考. 一. 注册域名 言归正传,既然是构建商城系统,那么必然涉及到域名.服务器.等一些必要的硬件设备.对于域名这个问题,是很好解决的,直接上阿里云注册一个就好了,域名注册都是需要花钱的,至于买什么样的域名,这个要看你自己想要建一个什么功能的网站,这个域名对于用户来说最好朗朗上口,这样好记.有些域名会比较贵,…

源码 耗时半载(半个月)的大项目终于完成了.这是一个博客系统,使用 Vue 做前端框架,Node + express 做后端,数据库使用的是 MongoDB.实现了用户注册.用户登录.博客管理(文章的修改和删除).文章编辑(Markdown).标签分类等功能. 很早之前就想写一个个人博客.学了 Vue 之后,把前端部分写出来,然后 Node 一直拖拖拉拉的学了很久,中间又跑去实习了一段时间,所以直到回学校之后才列了个计划把这个项目实现了. 翻出之前写的前端部分,好丑啊,干脆推掉重写吧.前端模仿的…

所需前置知识: HTML.CSS.JS.Vue.ES6.Npm.Webpack.Node.Express.Mongodb 项目整体架构: IDE:webstorm: 项目建立过程(cmd常用命令行指令): node的安装 下载连接:https://nodejs.org/en/ npm的安装 npm install -g npm 查看node版本:node -v 查看npm版本:npm -v 安装vue模块:npm install vue --save 安装webpack:npm install…

感悟 历时两个多月,终于利用工作之余完成了这个项目的1.0版本,为什么要写这个项目?其实基于vuejs+nodejs构建的开源博客系统有很多,但是大多数不支持服务端渲染,也不支持动态标题,只是做到了前后端分离,对于博客类系统seo肯定很重要,索性就自己动手写了这个项目,其中也遇到了不少问题, 因为基于服务端渲染的项目不多,自己能力也有限,所以用了好长时间.这里特别感谢@lincenying,提供了登录功能的解决思路,也是我在开发过程中遇到最难解决的问题,本项目基于vue-hackernews-2…

最近学习了VUE,自己为了学习做了个小小的博客,功能很简单,不过开发过程中也遇到了很多坑,所以记录下来方便以后使用.欢迎大家交流学习. 功能 实现了用户注册.登录.token检测登录.用户留言.个人中心.图片上传.博客管理(文章的修改和删除).文章编辑(Markdown).标签分类等功能. 前端使用vue全家桶(cli,router,vuex,axios),框架用的elementUI 后端使用node,框架用的express,mongoose: 数据库采用mongodb 响应式,移动端勉强能看.…

源代码地址:https://github.com/GainLoss/vue-node-mongodb 目前这个项目实现的是: 1.利用vue-cli实现前台页面的编写 (1)页面的跳转利用的是vue-router:基本是$.router.push这种方法 还有就是使用命名路由 和动态路由 (2)页面每一部分使用的是组件components:里面涉及的有父子组件之间的数据传递 还有生命周期函数 2.使用vue-resource从后台获取数据 (1)不加参数的传递 (2)加参数的传递 3.使用exp…

mongodb mongodb & vue & node.js https://docs.mongodb.com/manual/tutorial/install-mongodb-on-windows/ https://stackoverflow.com/questions/2404742/how-to-install-mongodb-on-windows https://www.tutorialspoint.com/mongodb/ https://www.tutorialspoint.c…

一.创建一个vue项目 用脚手架vue-cli搭建一个项目,数据请求用axios方式,写几个按钮用来调接口(vue这块不做多解释,不懂的可以先去官网学习vue-cli:https://cli.vuejs.org/zh/guide/cli-service.html   axios:http://www.axios-js.com/) 注意点:在用axios调用接口的时候会产生跨域,所以有配置下:在vue项目根目录下打开config文件夹下的index.js文件中proxyTable中加入配置内容 p…

一.序言 好久没写博客了,这次主要聊聊 node 和 mongoDb . 先说明一下技术栈  node + express + mongoose + mongoDb.这篇博客,主要讲述 mongoDb 的下载 .安装 . 配置 . 运行 以及如何在 node 项目中引入 mongoose 并 链接 mongoDb 操作数据库,最后再附带几个简单 创建 数据库.集合.域的实例. 二.目录 1. 下载.安装 mongoDb 2. 配置.运行 mongoDb 3. node项目中 链接 mongoDb…

约学 - 可以寻找一起自习的小伙伴的Web APP 一个基于 Vue & Node 的移动端全栈小项目 在线演示(请使用移动端查看效果) 源码地址: https://github.com/G-lory/yuexue (感觉要被玩坏了…我知道有很多bug…发现bug可以告诉我……谢谢dalao们……) 部分页面截图(不许吐槽我首页的背景图片!        技术栈 前端:Vue2 vue-router Webpack axios sass MintUI Iconfont 后端:NodeJS(v8.…

手把手教你用Vue2+webpack+node开发一个H5 app ​前一篇vue2 + webpack + node 开发一个小demo说到了用vue的一些基本用法,这一篇就讲一个复杂一点的更完整的例子,仿制一个H5 APP,这个APP就叫[one.一个],在百度搜索 one 就能找到啦[为什么仿这个呢,因为这是我用了很久的一个app呀…

每天记录一点:NetCore获得配置文件 appsettings.json   用NetCore做项目如果用EF  ORM在网上有很多的配置连接字符串,读取以及使用方法 由于很多朋友用的其他ORM如SqlSugar,NH,Dapper等,在读取连接字符串的时候,往往把信息保存到一个配置文件中,例如appsetting.json, 网上有很多关于读取appsetting.json都是通过注入的方式,  在ORM读取配置的时候,都是在一个类库里面,所以用注入的方式有时候不适合[个人理解] 因以上场景…

如何利用node+mongodb来快速搭建一个电影网站? 一:后端部分 整个网站的后端是由node.js来驱动的,所以在后端需要安装node.js,以及在这个基础之上的框架express,它能够帮助我快速的搭建web应用,然后数据库选用的mongodb,以及对mongodb快速建模的工具mongoose.后端的模板引擎用的是jade关于时间个日期的格式化选用的是Moment.js底下的这四个模块都是通过npm安装的,npm是node自带的. 二:前端部分 前端部分会选用jQuery的类库以及bo…

前言 本文讲解的是:做为前端开发人员,对服务器的了解还是小白的我,是如何一步步将 node+mongodb 项目部署在阿里云 centos 7.3 的服务器上,并进行性能优化,达到页面 1 秒内看到 loading ,3 秒内看到首屏内容的. 搭建的项目是采用了主流的前后端分离思想的,这里只讲 服务器环境搭建与性能优化. 效果请看 https://biaochenxuying.cn 1. 流程 开发好前端与后端程序. 购买服务器与域名 服务器上安装所需环境(本项目是 node 和 mongodb…

解决几个疑问: 想学习下vue.js,我理解的它是一个前端的框架,主要作用是对数据的处理,和juqery类似,所以不太理解为什么要在nodejs中npm install vue呢?在html文件中引入vue.js不是就可以了吗?另外搭建一个web应用肯定需要路由功能,想用express框架来做路由和数据库交互,那么express中提供的jade木板引擎是不是就和vue.js冲突了.总觉得不太理解vue.js是什么...尤其是需要在服务端安装这一点...希望大家能解答下 解答1: Vue.js可以…

MongoDB学习笔记二 Mongoose Mongoose 简介 之前我们都是通过shell来完成对数据库的各种操作, 在开发中大部分时候我们都需要通过程序来完成对数据库的操作 而Mongoose就是一个让我们可以通过Node来操作MongoDB的模块 Mongoose是一个对象文档模型(ODM)库,它对Node原生的MongoDB模块进行了进一步的优化封装, 并提供了更多的共嗯那个 在大多数情况下, 它被用来把结构化的模式应用到一个MongoDB集合, 并提供了验证和类型转换等好处 Mong…

node + mongodb1,环境 windows 1,install nodejs 2,install npm | cd npmjs node cli.js install -gf1.1 2.node 开发nmp install express -g | nmp remove express -g npm install express-mongoose 1,express -e myProject ejs change htmlvar ejs = require('ejs') ;app.e…

title: mongodb入门教程二 date: 2016-04-07 10:33:02 tags: --- 上一篇文章说了mongodb最基本的东西,这边博文就在深入一点,说一下mongo的一些高级功能 mongodb 投影 投影听上去挺吓人的,很多人和我一样看了这个词就不想往下继续看了,其实也没有那么唬人,接着往下看什么是投影 投影:mongodb 投影意思是只选择必要的数据而不是选择一个文件的数据的整个.如果一个文档有5个字段,需要显示只有3个,然后选择其中只有3个字段. 语法如下 db…

Node+mongodb线上部署到阿里云 部署使用的主要工具是pm2+nginx,使用码云的私有仓库,自动部署到服务器,私有仓库和服务器要事先设置好免密码登录.使用DNSPOD进行域名解析.事先准备好阿里云服务器,域名,一个网站.阿里云已经安装好mongodb数据库,node,pm2,git等.将本地网站所用的数据库备份一份,上传到服务器上. 1.先在dbspod添加一条A记录 2.码云上建立私有仓库 3.在项目中添加ecosystem.json 4.在服务器/www目录下创建文件夹 5.上传代…

源码讲解 node+mongodb 建站攻略(一期)第二节 上一节,我们完成了模拟数据,这次我们来玩儿真正的数据库,mongodb. 代码http://www.imlwj.com/download/nodejs/demo1.rar 首先给大家看看目录结构. 大家可以比对一下,跟第一节我们加了那些内容. 1,我们新建文件夹schemas,新建文件movie.js,主要提供对数据模型,实例化,对数据的增删改查方法. var mongoose=require('mongoose'); var Movi…

页面整体框架实现,实现小功能,循环出数据,整体代码是上一篇 vue+node.js+webpack开发微信公众号功能填坑--组件按需引入 修改部门代码 app.vue <yd-flexbox> <yd-flexbox-item>能耗排行</yd-flexbox-item> <yd-flexbox-item>房间号</yd-flexbox-item> <yd-flexbox-item>能耗程度</yd-flexbox-item&g…