Vue--- 一点车项目 6个小时实际看了10天(完结)
一个项目
环境安装 使用了 cli 脚手架 Koa2 workpackage 其他小的不计
前端Vue组件搭建
数据的简单测试交互
数据库的设计
创建、连接接数据库
前台[表单/分类] 发送请求读取数据库表
总结:
第一次学完一个项目的感受,熟悉和掌握了 做一个项目的步骤,需要的点,先搞定那一块再做后面的,整体下来很流畅,内容思路很清晰
Login,Index[[头],[主体【左侧【右边的内容会根据点击的 index 获取对用的 slot为 index的组件】】],[尾部]]
1.组件 搭建 不变的就是不变,变动则拆分独立出来
2.组件内容随着数据更新 调用
3.组件内需要调用 其他组件
4.组件的样式文件、js文件 各个文件的目录位置分配
5.项目icon图标 在哪里定义
6.Vue 调用其他文件夹 export const SERVER= ''; 使用
7. 比如说 login and index 都属于首页虽然说 后期会有 默认路由指向 先是login登陆后 是 index 我的想法,You kown?
服务器那边就是 路由默认路由分类 服务器的所有主题内容 也就是server.use() 选择 主路由器什么的都在 那里写 ,如果说 使用数据库 使用一些数据 或者是 数据的库的配置 独立出来一个文件写完,调入 就ok 路由也是
主体:
- 全局 异步请求 跨域问题
- 数据库配置,数据库内容给到 server.context.db = co(conn);
- 服务器选择数据库
- 服务器上传图片默认Path
- 外部文件的调入、使用
- 无非就是 前端发送请求 ,后台指定接受 查询 有没有 有返回数据 如果没有 返回一个json字符串 {err:1,msg:'异常出错了自己看着办'}
一般会引入哪些 koa组件 ?
Koa const Koa = require('koa');
路由 const Router = require('koa-router');
数据库 const mysql = require('mysql');
co-mysql const co = require('co-mysql');
form文件上传 const body = require('koa-better-body');
guid 唯一标识 const guid = require('uuid'); 37个字符 带有‘-’ 用替换掉里面的‘-’ 正好32个
config 自定义的 const config = require('./config');
打字有点生硬,留点手稿 笔记吧


Vue--- 一点车项目 6个小时实际看了10天(完结)的更多相关文章
- vue init初始化项目后 npm run dev报错 10% building modules 1/1 modules 0 activeevents.js:182 throw er; // Unhandled 'error' event
报错信息: 10% building modules 1/1 modules 0 activeevents.js:182 throw er; // Unhandled 'error' ev ...
- Vue--- 一点车项目
一点车项目 cli脚手架 + 组件化 +数据交互+路由指向+存入数据库 前端页面 cli脚手架的安装与搭建 创建对应包 页面组件化编辑 (共享组件:摘取出来一模一样的组件重用)(私有组件:在自 ...
- Vue 框架-12-Vue 项目的详细开发流程
Vue 框架-12-Vue 项目的详细开发流程 首先,如果你还不了解 Vue 脚手架怎么搭建? 默认的环境中有哪些文件? 文件大概是什么作用? 那么,您要先查看之前的文章才有助于你理解本篇文章: Vu ...
- vuejs学习——vue+vuex+vue-router项目搭建(三)
前言 vuejs学习——vue+vuex+vue-router项目搭建(一) vuejs学习——vue+vuex+vue-router项目搭建(二) 为什么用vuex:组件之间的作用域独立,而组件之间 ...
- 用vue建新项目的过程---在工作中
1.git clone 项目地址 2.如果没装vue-cli,就先装下vue-cli (如果报错可能是没按管理员身份安装) 3.vue init webpack 项目名 4.安装项目依赖 npm i ...
- Vue实战Vue-cli项目构建(Vue+webpack系列之一)
用Vue比较长一段时间了,大大小小做了一些项目,最近想总结一下知识点,出一个Vue+webpack系列,先从项目构建说起--vue-cli. 由于是Vue+webpack这里就不赘述git那些东西,默 ...
- VUE学习笔记之vue cli 构建项目
一.环境搭建: 1.安装node.js 从node.js官网下载并安装node,安装过程很简单,一路"下一步"就可以了.安装完成之后,打开命令行工具(win+r,然后输入cmd), ...
- Vue常用开源项目汇总
前言:Vue (读音 /vjuː/,类似于 view) 是一套用于构建用户界面的渐进式框架.与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用.Vue 的核心库只关注视图层,不仅易于上手,还 ...
- Vue + WebApi 小项目:构造自己的在线 Markdown 笔记本应用
Vue + WebApi 小项目:构造自己的在线 Markdown 笔记本应用 目录 概要 知识点 完整示例图 代码与资源文件 流程步骤 概要 基于 MVP 最小可行性产品设计理念,我们先完成一个可以 ...
随机推荐
- COGS2216 你猜是不是KMP
第一道自己写的FFT...... 不知为啥这题在网上找不到题解......真是麻烦,害得我推了半天...... 还是写个简要题解吧...... 首先把S和T拆成序列,a~z分别对应成1~26,?是0, ...
- 表单校验常用原生js库
1.字符串去除左右空格继承形式// 除去左右空格String.prototype.Trim = function() { return this.replace(/(^\s*)|(\s*$)/g, & ...
- 【阿里云产品公测】性能测试服务PTS的初步尝试
性能测试服务PTS,对于像我这样对测试毫无概念的新手来说,这服务真的太好了,使用简单,官方教程又明细,连我这样的新手一看都明白了怎样使用. _%GGl$kH 下面是我来简单尝试一下,更多功 ...
- Android常用的图片加载库
Android常用的图片加载库 前言:图片加载涉及到图片的缓存.图片的处理.图片的显示等.四种常用的图片加载框架,分别是Fresco.ImageLoader. Picasso. Glide. Uni ...
- C语言输入语句scanf与fgets linux下
1.测试使用scanf的一个例子: #include "stdio.h" #include "string.h" int main() { char name[ ...
- python小练习2
结果 代码 鞋子价格=0 男孩价格=0 爆米花价格=0 计算完毕=0 for 鞋子动态价格 in range(0,20): if (计算完毕==1): break; #print("鞋子动态 ...
- python三次输入错误验证登录
# login.py# 提示用户输入用户名和密码# 验证用户名和密码# 如果v错误,则输出用户名或密码错误# 如果成功,则输出欢迎,xxxnum = 0while True: name = input ...
- mongodb 启动
>mongod.exe --dbpath C:\Environ\mongodb-3.0.6\data\db >mongod.exe --logpath "C:\Environ\ ...
- CVE-2014-0321漏洞成因分析
1. 简介 最近在补之前落下的想学的东西,古河之前已经在微薄里面公布了此漏洞的poc及利用思路,不过在看古河的文章前我先独立分析一下其漏洞成因,记录下自己的分析流程. 2. 实验环境 操作系统:Win ...
- 《Tomcat与Java Web开发技术详解》思维导图
越想构建上层建筑,就越觉得底层基础很重要.补课系列. 书是良心书,就是太基础了,正适合补课. [纯文字版] Tomcat与Java Web开发技术详解 Servlet Servlet的生命周期 初始化 ...