<ignore_js_op> 课程目录||--第01章 课程介绍|    01-01 课程-导学.mp4|    01-02 前端框架回顾.mp4|    01-03 vue概况以及核心思想.mp4|    01-04 vue框架优缺点对比.mp4||--第02章 Vue基础|    02-01 nodejs和npm的安装和环境搭建.mp4|    02-02 vue环境搭建以及vue-cli使用.mp4|    02-03 vue配置(上).mp4|    02-04 vue配置(下).mp…
vue.js +axios mock数据 在main.js中 import axios from 'axios' Vue.prototype.$ajax = axios webpack.dev.conf.js中 const express = require('express') const app = express() const goodsData = require('./../goods.json')在devServer中   before(app) {     app.get('/g…
Github地址:https://github.com/ccyinghua/vue-node-mongodb-project 一.构建项目所用: vue init webpack vue-node-mongodb-project cnpm install npm run dev cnpm install vue-resource --save cnpm install axios --save cnpm install vue-lazyload --save // 图片加载 * 构建expres…
书接上回,讲到“使用同一个新增弹框”中有未解决的问题,比如复杂的字段,文件,图片上传,这一篇就解决文件上传的问题.这里的场景是在新增弹出框中要上传一个图片,并且这个上传组件放在一个Form中,和其他文本字段一起提交给接口. 这里就有几个要注意的问题: 图片上传时最好能在前端指定图片类型,根据这个类型上传到指定的目录.比如这里是新增用户,上传用户图片,那么这里就指定类型是“user”,那么就把这个文件上传到服务器的upload/user目录中.这样方便后期维护,比如要把项目中的文件统一迁移到另外一…
利用业余时间写了个简单的项目,使用react+node.js做的一个全栈实践项目,前端参考了[React-Admin-Starter](https://github.com/veryStarters/react-admin-starter)这个项目,这个项目的自动配置路由,自动页面骨架的思路很新颖.后端是node.js+express提供接口访问,最主要的内容是mysql.js的使用和使用nginx反向代理来跨域. 1.前端parttime 前端基于框架React-Admin-Starter基本…
用mogoose搭建restful测试接口 接着上一篇(Express+Mongoose(MongoDB)+Vue2全栈微信商城项目全记录(一))记录,今天单独搭建一个restful测试接口,和项目前端分离开来,项目接口开发方法可参照本文,接口测试我一般用postman工具去测试接口. 项目github地址:https://github.com/seven9115/vue-fullstack 前置环境:安装mongodb:从mogodb官网下载mongodb并安装. 在项目的根目录新建一个叫se…
总体介绍 <Node.js+MongoDB+AngularJS Web开发>,于2015年6月出版,是一本翻译过来的书,原书名为<Node.js,MongoDB and AngularJS Web Development>,总的来说是一本讲述如何用Javascript进行B/S架构全栈开发的书. 该书主要讲解4种技术(框架),分为6个部分29个章节.4种技术即Node.js.MongoDB.Express.AngularJS,业内称为MEAN:6个部分我个人理解为: 基础(引言).…
任何事情超过 90 秒就应该自动化,这是程序员的终极打开方式.Automating shapes smarter future. 这篇文章中,我们通过创建一个 Node.js + MongoDB 项目,来教大家如何使用 flow.ci 8 步完成自动化持续集成的搭建. 了解 flow.ci flow.ci 是融入了 workflow 机制的持续集成(CI)服务,也可以理解为自动化流程平台,除了集成代码.编译.测试之外,还可以集成常用的工具.灵活自定义流程.1 分钟即可完成开发测试环境搭建,开启第…
看到一个Node.JS + MongoDB的小样例,分享给大家.魔乐科技软件学院(www.mldnjava.cn)的讲座 Node.JS + MongoDB技术讲座          云计算 +大数据 = 未来. 在中国的云计算上基本上是一个概念,个人感觉与当初的SOA没有太大的差别,空泛的理论. 中小型开发的未来 = Node.JS + MongoDB解决,并非说Java就没用了. 1.在前面的话 Java技术始终作为高端软件用户的首选,仅仅要从事大型的软件开发,那么Java都是必需要使用的技…
AngularJS + Node.js + MongoDB开发的基于位置的通讯录(by vczero) 一.闲扯 有一天班长说了,同学们希望我开发一个可以共享位置的通讯录,于是自己简单设计了下功能.包括用户角色.发表微博.共享位置等等.这次也是有点私心的,为了锻炼最近看的angularjs,于是果断选择Node.js + MongoDB + angular.js的方案.当然,开发Node.js的体会越来越深刻.记得,去年leader告诉我说尽量让node的每一个服务只支撑一个业务功能,这样才能更…
node.js + mongodb 这次内容是结合bootstrap把登陆注册做好,还有就是express的中间件等问题. 看这篇博客之前建议先看我上篇写的那篇博客http://www.cnblogs.com/hubwiz/p/4118083.html 第一步 当然还是准备工作了,在bootstrap官网下载好需要的东西了,怎么用官网已经写的很详细,在这就不细说了.下载地址:http://v3.bootcss.com/getting-started/ 直接上代码吧. index.html ind…
demo截图: 本demo爬瓜子二手车北京区的数据 (注:需要略懂 node.js / mongodb 不懂也没关系 因为我也不懂啊~~~) 之所以选择爬瓜子二手车网站有两点: 一.网站无需登录,少做模拟登录: 二.数据链接没有加密,直接可以用: 网上很多node.js爬虫的栗子 但大多是一个页面的栗子,很少跟数据库结合的 所以我这个栗子是糖炒的 我的基本思路是这样的 1.先在mongodb里存所有页的链接地址的集合 2.在根据这些链接地址 一个一个的把详细信息爬下来 第一步在搜索页找到翻页的规…
书接上文 前言:经过前两节的学习,我们已经可以创建一个vue工程了.下面我们将一起来学习制作一个简单的实战案例. 说明:默认我们已经用vue-cli(vue脚手架或称前端自动化构建工具)创建好项目了 一. 项目说明 ps:这个简单小项目只提供一个小小小的骨架,需要向“它”身上具体加多少“肉”,需要大家考虑好功能和布局后进行完善. 1.首先看下主页效果:如下图   主页分析:大体上分为上(header).中(body或content).下(footer)三部分,中间body部分是由若干个相同的li…
全链路追踪技术的两个核心要素分别是 全链路信息获取 和 全链路信息存储展示. Node.js 应用也不例外,这里将分成两篇文章进行介绍:第一篇介绍 Node.js 应用全链路信息获取, 第二篇介绍 Node.js 应用全链路信息存储展示. 一.Node.js 应用全链路追踪系统 目前行业内, 不考虑 Serverless 的情况下,主流的 Node.js 架构设计主要有以下两种方案: 通用架构:只做 ssr 和 bff,不做服务器和微服务: 全场景架构:包含 ssr.bff.服务器.微服务. 上…
<差不多先生> 我是差不多先生,我的差不多是天生.也代表我很天真,也代表我是个闲人.这差不多的人生,总是见缝插针. 求学的道路上总是孤独的,即使别人不理解我,认为我是奇葩!但没关系,我会坚持走我自己的路,能被你们影响到的话那就不是我了!(Keep Real!) 学习的道路不能停止!继续! 模板: 前端显示的动态数据有一部分是Ajax获取,也有一部分是用模板渲染出来的. index.ejs首页的动态数据都是从Ajax请求回来对上JS模板输出出来的. 首先看看后台NodeJS对于POST请求回来之…
Deno 1.0 & Node.js A secure runtime for JavaScript and TypeScript. https://deno.land/v1 https://github.com/denoland/deno # Using Homebrew (macOS): $ brew install deno # Using Shell (macOS, Linux): $ curl -fsSL https://deno.land/x/install/install.sh |…
<谁说菜鸟不会数据分析>高清PDF全彩版|百度网盘免费下载|Python数据分析 提取码:p7uo 内容简介 <谁说菜鸟不会数据分析(全彩)>内容简介:很多人看到数据分析就望而却步,担心门槛高,无法迈入数据分析的门槛.<谁说菜鸟不会数据分析(全彩)>在降低学习难度方面做了大量的尝试:基于通用的Excel工具,加上必知必会的数据分析概念,并且采用通俗易懂的讲解方式.<谁说菜鸟不会数据分析(全彩)>努力将数据分析写成像小说一样通俗易懂,使读者可以在无形之中学会数…
<数据可视化之美>高清PDF全彩版|百度网盘免费下载|Python数据可视化 提取码:i0il 内容简介 <数据可视化之美>内容简介:可视化是数据描述的图形表示,旨在一目了然地揭示数据中的复杂信息.可视化的典型如纽约地铁图和人脑图.成功的可视化的美丽之处既在于其艺术设计,也在于其通过对细节的优雅展示,能够有效地产生对数据的洞察和新的理解. 在<数据可视化之美>中,20多位可视化专家包括艺术家.设计师.评论家.科学家.分析师.统计学家等,展示了他们如何在各自的学科领域内开…
最近用vue2做了一个微信商城项目,因为做的比较仓促,所以一边写一下整个流程,一边稍做优化. 项目github地址:https://github.com/seven9115/vue-fullstack 所用技术栈:Express+Mongoose(MongoDB)+Vue2. 运行环境:node.js 后台框架:express.js 数据库:Mongoose.js (MongoDB) 前端脚手架:vue-cli 用户认证:JSON WEB TOKEN 所用插件:vue-scroller/touc…
最近用vue2做了一个微信商城项目,因为做的比较仓促,所以一边写一下整个流程,一边稍做优化. 项目github地址:https://github.com/seven9115/vue-fullstack 所用技术栈:Express+Mongoose(MongoDB)+Vue2. 运行环境:node.js 后台框架:express.js 数据库:Mongoose.js (MongoDB) 前端脚手架:vue-cli 用户认证:JSON WEB TOKEN 所用插件:vue-scroller/touc…
前言:最近在学习Redux+react+Router+Nodejs全栈开发高级课程,这里对实践过程作个记录,方便自己和大家翻阅.最终成果github地址:https://github.com/66Web/react-antd-zhaoping,欢迎star. 一.Socket.io基础知识     基于事件的实时双向通信库  基于websocket协议 前后端通过事件进行双向通信 配合express,快速开发实时应用 Socket.io和Ajax区别 基于不同的网络协议 注意:Socket.io…
前言:最近在学习Redux+react+Router+Nodejs全栈开发高级课程,这里对实践过程作个记录,方便自己和大家翻阅.最终成果github地址:https://github.com/66Web/react-antd-zhaoping,欢迎star. 一.登录注册 页面文件结构 基础组件放在Component文件夹下面 页面组件放在Container文件夹下面 页面入口处获取用户信息,决定跳转到哪个页面 web开发模式 整体前后端交互通过JSON实现 基于cookie用户验证 expre…
作者|  不四(死马)蚂蚁金服 语雀产品技术负责人 语雀是什么? 语雀是一个专业的云端知识库,面向个人和团队,提供与众不同的知识管理,打造轻松流畅的工作协同,它提供各种格式的在线文档(富文本.表格.设计稿等)编辑能力,支持实时在线多人协同编辑,数据云端保存不丢失.而语雀与其他文档工具最大的不同是,它通过知识库来对文档进行组织,让知识创作者更好的管理知识. 语雀技术架构演进 原型阶段 语雀诞生于 2016 年,当时蚂蚁金融云需要一个工具来承载它的文档.当时负责的技术同学利用业余时间,开始搭建这个文…
最近包工头喊农民工小郑搬砖,小郑搬完砖后沉思片刻,决定写篇小作文分享下,作为一个初学者的全栈项目,去学习它的搭建,到落地,再到部署维护,是非常好的. ​ ------题记 写在前面 通过本文的学习,你可以学到 vue2.element ui.vue-element-admin在前端的使用 组件设计 echarts在前端中的使用 eggjs在后端node项目中的使用 docker一键化部署 需求分析 背景 近些年,网络诈骗案频发,有假扮家里茶叶滞销的茶花女,有假扮和男朋友分手去山区支教的女教师,有…
前言:最近在学习Redux+react+Router+Nodejs全栈开发高级课程,这里对实践过程作个记录,方便自己和大家翻阅.最终成果github地址:https://github.com/66Web/react-antd-zhaoping,欢迎star. 一.聊天信息根据用户分组 从redux中获取到chatmsg:其中包含了所有与当前用户有关的聊天信息 与不同的用户聊天信息的chatid不同:根据chatid可将数据分到不同的数组 //按照聊天用户分组,根据 chatid const ms…
前言:最近在学习Redux+react+Router+Nodejs全栈开发高级课程,这里对实践过程作个记录,方便自己和大家翻阅.最终成果github地址:https://github.com/66Web/react-antd-zhaoping,欢迎star. 一.项目概述 二.需求分析        文件架构和规范 src目录:前端源码目录 server目录:后端express目录 根据功能文件夹:component,container,reducers等 router划分页面方式 进入应用时获…
随着web2.0兴起,高并发大数据量的应用对数据库高速响应的性能要求日趋明显,传统的关系型数据库在这方面显得有些乏力.有矛自有盾,内存DB的出现弥补了传统关系型db的不足.眼下市面流行的内存db主要有redis.memcach.mongodb.前面二者是基于key-value形式存储,而mongodb是基于关系型数据库表的一些特性的存储方式,并支持索引. 所以在一些对大数据量.数据关联度有要求的场景下,mongodb是一种不错选择. Replica Set是mongodb的一个副本集群方案,它优…
写好代码,花钱买了VPS,看着Charges一直上涨却无从下手?记一位新手司机从购买VPS到成功访问的过程 0.购买VPS 首先,选择VPS提供商,部署一个新的服务器(Deploy New Server),我使用的是Vultr提供的VPS 操作系统可以自由选择,我这边使用的是CentOS 7,选择其他操作系统的胖友可以搜一下相应操作系统的部署教程 1.使用PuTTY连接远程VPS 安装PuTTY 打开PuTTY,在 Host Name(or IP address) 那一栏填上VPS提供商给你的I…
1.先去树莓派官网下载最新的ROM https://www.raspberrypi.org/downloads/raspbian/ 这里选的是: RASPBIAN JESSIE WITH DESKTOP 日期是2017.7.5 下载后得到文件: 2017-07-05-raspbian-jessie.zip 解压后: 2017-07-05-raspbian-jessie 2.准备软件 win32 disk imager 选择刚解压好的img文件, 指定目标U盘(建议准备一张16GB的TF卡) 点击…
前言:最近在学习Redux+react+Router+Nodejs全栈开发高级课程,这里对实践过程作个记录,方便自己和大家翻阅.最终成果github地址:https://github.com/66Web/react-antd-zhaoping,欢迎star. 一.信息完善 boss信息完善页前端实现 container目录下:创建bossinfo组件目录,使用actd-mobile实现信息输入列表 import React from 'react' import {NavBar, InputIt…