- 博客(13)
- 资源 (8)
- 收藏
- 关注
RSS订阅原创 Express mongodb在线数据库 mLab的安装
要将数据库连接到 Express 应用程序，只需在该应用程序中为数据库装入相应的 Node.js 驱动程序。本篇文章我们就以Mongodb为例。在我们的express工程中使用Mongodb，那么首先我们需要安装Mongodb，大家可以使用下面的网址直接下载windows的安装包：https://www.mongodb.com/dr/fastdl.mongodb.org/win32/mongo...
2018-12-30 17:19:07
2795
原创 Express 静态文件
在我们访问网页过程中，经常会见到：http://localhost:3000/images/kitten.jpg 这样形式的url用来访问一个特定的文件。在express中我们可以使用Express 中的 express.static 内置中间件函数提供诸如图像、CSS 文件和 JavaScript 文件之类的静态文件。我们可以看下源码注释：/** * Create a new middle...
2018-12-30 15:03:01
1596
原创 Express 路由
路由用于确定应用程序如何响应对特定端点的客户机请求，包含一个 URI（或路径）和一个特定的 HTTP 请求方法（GET、POST 等）。每个路由可以具有一个或多个处理程序函数，这些函数在路由匹配时执行。它的使用形式如下：app.METHOD(PATH, HANDLER)其中：app 是 express 的实例。METHOD 是 HTTP 请求方法。PATH 是服务器上的路径。HA...
2018-12-30 01:59:43
2254
原创 Express 日志设置
从本篇开始，我们开始学习express中怎么使用mongodb数据库来存储数据。首先，我们创建一个express工程，这里我们使用应用程序生成器工具 (express) 快速创建应用程序框架。应用程序生成器工具 (express) 的安装可以使用下面的命令：npm install express-generator -gyarn global add express-generator...
2018-12-29 16:43:27
6229
原创 Vue3.0项目创建
创建一个vue项目基于vue-cli 3.x。vue-cli 3.x 和vue-cli2.x的选项稍有不同，这点大家不必在意。与vue2.x相比较，项目的目录结构也发生了变化：运行程序：...
2018-12-28 18:06:58
597
原创 Express 安装和项目创建
从今天开始，我们开始学vue+express+mongodb+node从头开始构建一个完整的项目，至于完成一个什么样的项目，说实话我还没有想好，如果大家有特别的想法，我们可以一起交流学习。Express 是一种保持最低程度规模的灵活 Node.js Web 应用程序框架，为 Web 和移动应用程序提供一组强大的功能。我们可以通过npm和yarn进行安装：npm install express...
2018-12-28 15:27:22
3468
原创 vue router
前面我们知道怎么创建一个vue项目，今天我们就来看一下vue中的vue router。它是 Vue.js 官方的路由管理器 并且与 Vue.js 的核心深度集成，可以让构建单页面应用变得易如反掌。包含的功能有： 1. 嵌套的路由/视图表 2. 模块化的、基于组件的路由配置 3. 路由参数、查询、通配符 4. 基于 Vue.js 过渡系统的视图过渡效果 5. 细粒度的导航控制 6. 带...
2018-12-26 19:22:29
272
原创 vue项目创建
在开始之前，我们说一下怎么创建一个vue项目，现在的vue版本是2.x，不过3.0的版本估计会在明年下半年发布吧。所以我们还是用2.x的方式来说明。最简单的方式就是使用一款IDE帮助我们创建vue项目，我用过的IDE中webstorm就可以完成这项功能，有些兴趣的可以下载使用，不过提醒大家一点，这玩意很吃内存。。。其次，就是我们使用vue官方提供的vue-cli脚手架工具来创建一个vue项目。...
2018-12-26 11:34:34
298
原创 webpack基础
在开始之前，确保大家已经安装了node和npm/yarn环境。首先我们新建一个目录用来初始化一个新的项目使用npm：使用yarn：上面的选项大家可以自己填入，也可直接回车快速跳过完成初始化，完成后会生成package.json文件接下来我们在局部安装webpack：yarn add webpack如果你习惯使用npm，那么就使用命令npm install 进行安装。web...
2018-12-25 19:04:11
142
原创 vue 自定义指令 实现点击下拉菜单外部区域关闭下拉菜单
我们来看下常见的下拉菜单：这里我们点击菜单，下拉菜单就会显示，点击下拉菜单以外的区域就会隐藏。这是一个简单的例子：这里增加一个选项，就是当我们按下esc键的时候，下拉菜单也可以关闭。先贴出代码：<template> <div v-cloak v-clickoutside="outsideClose" class="dropmain"> <di...
2018-12-20 17:42:11
8030
原创 vue 自定义指令
除了核心功能默认内置的指令 (v-model 和 v-show)，Vue 也允许注册自定义指令。注意，在 Vue2.0 中，代码复用和抽象的主要形式是组件。然而，有的情况下，你仍然需要对普通 DOM 元素进行底层操作，这时候就会用到自定义指令。一个指令定义对象可以提供如下几个钩子函数 (均为可选)：bind：只调用一次，指令第一次绑定到元素时调用。在这里可以进行一次性的初始化设置。inse...
2018-12-20 15:08:04
192
原创 vue 自定义标签页
本篇文章我们通过以前学习过的知识来构建一个自己的标签页组件。首先我们创建一个基于vue的项目，我用的IDE是webstorm。创建好的工程目录结构：我们先来分析一下我们需要做哪些工作，常见的标签页就像下面的图片：大家可以看到标签页的最上边是我们的标题区域，而下面则是我们对应的内容区域。第一眼看到这个布局，我就在想这个好像没有什么难度的，标题栏我用v-for渲染出来，下面的内容有几个...
2018-12-19 19:46:29
9462
原创 win10 无法安装msi文件
在winodw10系统下安装node.js.msi等msi格式安装文件错误提示2503、2502，其实就是系统账户权限不够，我们只需要通过最高权限去运行msi格式的安装包，就可以安装成功了。1.以管理员方式启动cmd命令行工具2.用命令：msiexec /package +msi文件路径的方式启动安装程序。...
2018-12-19 11:14:32
23221
7
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人