- 博客(11)
- 收藏
- 关注
RSS订阅原创 React 项目记录（六）——配置 API 接口文件
Step 1：配置 tool/api.js 文件将接口请求配置文件存放于 tool 文件夹中并命名为 api.js：var root = '/api/v1'var request = require('superagent')function dataType(data) { // 获取数据类型 return ({}).toString.call(data).match(/\s([a-...
2019-01-21 09:44:37
1897
原创 React 项目记录（五）——React 实现局部刷新
前言有些时候，我们想要点击左边的菜单栏，使右边的内容进行局部刷新。这时候我们就可以通过 react router 来实现。进入页面的流程分为：入口文件->路由->菜单->需要局部刷新的页面Step 1：配置路由我们首先在路由配置文件中，配置路由路径import React, { Component } from 'react'import { BrowserRouter...
2019-01-20 21:22:42
11243
原创 React 项目记录（四）——在 React 中使用地图
Step 1：申请APK首先，要到百度地图APK官网 http://lbsyun.baidu.com/ 申请 APK。Step 2：index.html 中引入APK其次，我们需要在项目的 index.html 文件中引入 APK在 body 结束标签之前加入这段代码，将 APK 替换成申请到的 APK：<script type="text/javascript" src="htt...
2019-01-20 21:21:47
756
原创 React 项目记录（三）——在 React 中使用 antd
Step 1：安装antdnpm i --save antdStep 2：引入文件在需要使用到 antd 的页面顶部加上import {Menu, Icon, Layout} from 'antd'import 'antd/dist/antd.css'const { Header, Footer, Sider, Content } = Layout;Step 3：使用antd在...
2019-01-20 11:42:07
651
原创 使用node的Hapi框架搭建后台（四）——定义model
Step 1 ：开启下划线命名规范由于我们希望遵循 MySQL 数据库表字段的下划线命名规范，所以，需要全局开启一个 underscore: true 的定义，来使系统中默认的 createdAt 与 updatedAt 能以下划线的方式，与表结构保持一致。修改 models/index.js 代码：将 const config = require(__dirname + ‘/…/conf...
2019-01-17 20:36:41
620
3
原创 使用node的Hapi框架搭建后台（三）——通过sequelize插件使用mysql
Step 1 ：安装依赖npm i sequelize-cli -Dnpm i sequelizenpm i mysql2Step 2：初始化 sequelize在 node_modules 文件夹下的 .bin 目录下执行：node_modules/.bin/sequelize initStep 3：配置数据库环境在 .bin 目录的 config 下创建 config.js...
2019-01-17 16:01:32
781
原创 使用node的Hapi框架搭建后台（二）——配置接口文档和入参校验
一、配置接口文档Step 1：安装基础依赖和基础插件配置使用 Swagger 插件配置接口文档，安装适配 hapi v16 的 swagger 插件npm i hapi-swagger@7npm i inert@4npm i vision@4npm i packageStep 2：存放插件在根目录下创建 plugins 文件夹，用来存放插件，并新建 hapi-swagger.js...
2019-01-17 13:37:00
1262
原创 React 项目记录（二）——修改目录结构
Step 1：删除不必要的文件删除 src 文件夹中不必要的文件：rm App.* index.css logo.svgStep 2：src 下创建需要的文件夹mkdir coms page router style toolcoms：放置组件page：放置页面router：放置路由的配置style：放置样式文件tool：放置自己写的工具...
2019-01-15 16:28:41
997
原创 使用node的Hapi框架搭建后台（一）——搭建项目
Step 1：初始化 Node.js 项目在控制台下输入 npm init 生成项目初始化 package.json 文件，并填写开发者信息、项目描述、代码仓库地址等基础描述。npm initStep 2：安装 hapi 模块在这我们安装的是最新版本 v17 的 hapi：npm i --save hapiStep 3：配置基础的 hapi 服务代码在项目目录下新建 .env 文...
2019-01-14 22:19:17
1985
原创 React 项目记录（一）——项目搭建
Step 1：安装 create-react-app 脚手架npm i create-react-app -gStep 2：创建项目create-react-app demo如图，就创建成功了：Step 3：自定义配置进入项目目录，执行：npm run eject若此时控制台如图报错，则需要将此项目与远程仓库相关联Step 4：启动项目npm start浏览器中会...
2019-01-14 21:15:42
428
原创 在 React 中使用 element-ui
根据官方文档在 React 中使用 element-uiStep 1：npm 安装npm i element-react --saveStep 2：下载主题包npm install element-theme-default --saveStep 3：在 React 中使用打开需要使用到 element-ui 的 jsx 文件，在头部添加import React from 're...
2019-01-01 14:31:41
13878
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人