前端采用vuex+element-ui: 后端采用koa2+restfulAPI+sequlize: (一)项目介绍 宠物社区 1.社区 2.好友 3.说说 4.宠粮 5.健康 (二)项目框架 1.Vue.js 2.Vuex 框架 3.Element UI 4.Axios 交互 5.Koa2 + es6 6.Restful API 7.Sequlize 8.mysql (三)创建项目和elementUI配置 vue init webpack pet elementui 1.安装: npm ins…

搭建koa2服务端 安装两个版本的koa 一.版本安装 1.安装 koa1 npm install koa -g 注:必须安装到全局 2.安装 koa2 npm install koa@2 -g 二.创建项目 1.安装 koa 生成器 (koa1 和 koa2 都用此生成器) npm install koa-generator -g 2. koa1 生成一个 test 项目,切到 test 目录并下载依赖 koa test cd test npm install 运行:npm start 访问:…

axios 用法: 1.安装 npm install axios --save-dev 2.导入 import axios from 'axios'; 3.使用 axios.post(url,params) .then(function(res){ console.log(res); alert(res.data); }) .catch(function(err){ console.log(err); }) 4. vue2.0 子组件和父组件之间的传值 Vue是一个轻量级的渐进式框架,对于它的一…

登录注册模态框 注: [Vue warn]: Do not use built-in or reserved HTML elements as component id: diaLog 原因:diaLog 组件名 与 HTML元素名称 重复,将 组件名 改为 diaLoger 即可. 1.封装 可复用 DiaLog 组件 DiaLog.vue <template> <el-dialog title="提示" :visible.sync="dialogVisi…

前言 从17年开始尝试学习搭建个人网站开始,就开始学习摸索node了,至今差不多快两年了. 说起来现在都9102年了,所以最近打算整体设计重构一下网站,索性node后台也重写一遍. 重温一下node,并记录一下学习历程.虽说有相应的基础,也算轻车熟路, 但是因为公司项目中的应用,基本都用java.php等作为后台语言, 除了前端自动化工具使用,实际工作中倒是很少用到,几乎没有node的用武之地. 也没有真正做过以node为后台语言的实战经验, 仅仅只是在个人网站中使用. 所以本系列学习笔记仅供参…

环境准备 node.js vue-cli 安装配置环境 1.下载node.js,使用默认配置安装 . 2.使用npm命令安装国内下载镜像(可选) cmd: npm install  -g  cnpm  --registry=https://registry.npm.taobao.org tips:在命令行输入 npm -v 或cnpm -v 查看npm或cnpm 版本 3.全局安装vue-cli (vue-cli3.x 搭建的项目界面更为简洁,查看vue-cli 3.x 新特性) cmd: cn…

首先,谈下这篇文章中的前后端所涉及到的技术框架内容. 虽然是后端的管理项目,但整体项目,是采用前后端分离的方式完成,这样做的目的也是产品化的需求: 前端,vue+vuex+vue router+webpack+elementUI的方案完成框架的搭建,其中用到了superUI来作为后端登陆之后的主页面框架,中间集成vue的大型单页应用:         后端,springboot+spring+springmvc+spring serurity+mybatis+maven+redis+dubbo…

一.项目简介 基于Vue + Vuex + Vue-router + Webpack 2.0打造微信界面,实现了微信聊天.搜索.点赞.通讯录(快速导航).个人中心.模拟对话.朋友圈.设置等功能. 二.项目预览 (请在chrome手机模式下打开) 点击这里预览项目 移动端扫描下方二维码可直接打开 三.技术栈 MVVM框架:Vue.js 2.0 状态管理:Vuex 移动端组件库:Mint-ui 前端路由:Vue-router 数据交互:Vue-resource 打包工具:webpack 2.0 环境…

注意:Vue CLI需要Node.js版本8.9或更高版本(建议使用8.11.0+). 查看node版本:node -v  , 查看npm 版本  npm -v, 1.首先需要安装node.js环境 2.如果在vue-cli全局安装了以前的(1.x或2.x)软件包,则需要先使用npm uninstall vue-cli -g或卸载它yarn global remove vue-cli. 3.使用以下命令行安装cli3  1.npm install -g @vue/cli     2.npm in…

一.安装 VUE CLI 3.0 官网: https://cli.vuejs.org/   详细资料可以自己先把官网过一遍. 1. 安装(默认你的电脑上已安装node及npm) npm install -g @vue/cli 2. 检查版本 vue --version 二.创建项目 (用的cmd工具) 1. 利用 cd 指令进入到指定目录,即你的项目想放在哪个地方就进入到哪个目录里面 2. 创建项目,通过指令: vue create projectname    (说明: projectname…

vue-cli是什么? vue-cli 是vue.js的脚手架,用于自动生成vue.js模板工程的. vue-cli怎么使用? 安装vue-cli之前,需要先安装了vue和webpack,不知道怎么安装的可以看我之前的文章<Vue + Webpack 实现SPA应用文档> 安装vue-cli npm install -g vue-cli                       //全局安装vue-cli vue init webpack projectName        //生成项目名…

我要跑vue项目,所以我要搞vue. 1.环境搭建 进入node官网下载对应版本的node,一步步安装即可. 安装会自动配置路径和npm包管理环境,通过node -v进行验证 2.安装vue-cli脚手架 Vue CLI文档:https://cli.vuejs.org/zh/guide/ # 卸载旧版本 npm uninstall vue-cli -g # 指定地址安装,加快速度 npm install -g @vue/cli --registry=https://registry.npm.ta…

Vue.js 是一套构建用户界面的渐进式框架.Vue 只关注视图层, 采用自底向上增量开发的设计.Vue 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件. 在使用 vue.js 之前首先需要搭建 vue.js 的开发环境,下面,我们就来一步一步的搭建 vue.js 的环境: 1.首先,我们需要安装 node.js: 安装 node.js 请参考  node.js安装配置 ,可以打开命令行,输入 node -v,如果输出版本号,说明我们安装 node 环境成功,输入 npm…

前言 之前一段时间学习了一些springboot的一些基础使用方法和敲了一些例子,是时候写一个简单的crud来将之前学的东西做一个整合了 -- 一个员工列表的增删改查. 使用 restful api 这次的CRUD将使用restful api的风格,restful api的风格现在非常流行,那restful api和传统的api有什么区别呢? 举个例子来说吧 查找某个用户 传统api: /getUserByID?id=123 restful api: 使用GET方法 /user/123 添加用户…

创建项目 使用Xamarin开发安卓项目,首先需要安装VS2017以上版本.因为VS2017以上的版本,可以直接创建Xamarin项目. 另外用Xamarin开发安卓项目,还需要使用Intel的CPU,并且得是双核以上的CPU,因为调试时,需要使用电脑的虚拟化,奔腾4之类的CPU是不支持虚拟化的. 下面我们创建KibaXamarin_Android项目,如下图: 点击确定后,会弹出一个选择模板的窗体,这里我们选择一个空白应用,并且选择最小安卓版本号为4.4,如下图: 点击OK后,项目创建完成,解…

1. idea创建一个普通项目流程 http://blog.csdn.net/testcs_dn/article/details/52303941 2. idea创建maven项目流程 http://www.cnblogs.com/wql025/p/5215570.html ,这篇博客包含了maven创建普通项目以及web项目的流程,过程详细 3. 个人比较喜欢创建maven项目,因为maven项目进行依赖的管理比较方便,如果需要引入一些外部依赖包也只需要在pom包中加入dependency,m…

步骤一:小程序 生命周期 //app.js App({ onLaunch: function () { //当小程序初始化完成时,会触发onLaunch(全局只触发一次) }, onShow: function () { //当小程序启动,或从后台进入前台显示,会触发onShow }, onHide: function () { //当小程序从前台进入后台,会触发onHide }, onError: function (msg) { //当小程序发生脚本错误,或者api调用失败时,会触发onEr…

SpringBoot 2.x基于Spring Framework 5.x 环境需求如下: JDK1.8或以上 Maven3.2或以上 这里我使用的是Eclipse,IDEA这个工具很强大,但不习惯它 手工创建SpringBoot项目: 前提:电脑安装好Maven和JDK并且在Eclipse中配置完成 打开Eclipse->New->Maven Project: 注意勾选这个 下一步:ID自己定义就好,注意这里先勾选为jar包 pom.xml进行修改: <project xmlns=&qu…

公司需要开发一个小型官网,个人决定放弃angular2,使用vue来进行开发,由于是培训出生,思想一时难以转变,所以只能从零开始,下面奉上学习笔记 vue.js主要参考官网进行学习与开发 由于vue不支持ie8以下的游览器,所以需要向下兼容的可以洗洗睡了 安装:由于是学习,所以直接在官网下载了开发版的js包 学习: 1.声明式渲染 在div里就会输出Hello Vue 条件与循环…

elementUI界面布局 1.创建 HeadBar 组件 HeadBar.vue <template> <el-row> <el-col :span="2"> </el-col> <el-col :span="4" style='background:#f9fafc;font-size:2em;'><i class="el-icon-menu"></i>宠物空间…

数据库建表 1.打开 MySQL 终端 2.查看所有数据库 show databases 3.创建数据库 create database pet 4.进入数据库 use pet 5.创建数据表 create table users( id bigint not null auto_increment primary key, email varchar(60) not null, pwd varchar(60) not null, nicheng varchar(60) not null, up…

地址:http://jspang.com/ https://github.com/shenghy/SmileVue 1.vant  https://www.youzanyun.com/zanui/vant#/zh-CN/intro 2.使用vant按需引入想要的组件,import { Button } from 'vant'; 前提是要引入 babel-plugin-import https://www.youzanyun.com/zanui/vant#/zh-CN/quickstart 在.b…

常规的中小型项目搭建方式一般是三层架构加上mvc与webapi作为一个主要框架,再加上一些第三方库,例如orm框架(EF.SqlSugar.Dapper等),API文档工具(Swagger)这些的应用. 接下来我们以一个数据管理平台做为实战项目来演示三层架构与仓储模式. 项目Github连接: https://github.com/FaithGuo/DataManager 一.项目创建 首先搭建以下目录结构 1. 数据持久接口:IDAL 2.数据持久实现:DAL 3.业务逻辑接口:IBLL 4.…

以后要养成写博客的习惯,用来做笔记.本人看的东西很多很杂,但因为工作中很少涉及,造成看了之后就忘,或者看了就看了,但是没有融入的自己的知识体系里面. 写博客一方面是做记录,一方面是给这段时间业余学习的一个总结. 首先贴一下我的git地址,也是这个项目的源码:https://github.com/aaja/pythonflask-movies 本项目来源慕课网. 参照这个代码 https://github.com/mtianyan/movie_project #1.项目结构创建# # 2.入口设置…

添加预告 根据需求数据库创建表格 需求数据库,关键字title logo # 上映预告 class Preview(db.Model): __tablename__ = "preview" __table_args__ = {"useexisting": True} id = db.Column(db.Integer, primary_key=True) # 编号 title = db.Column(db.String(255), unique=True) # 标题…

flask网站制作后台时候常见流程总结 安利一个神神器: 百度脑图PC版 创建数据库 下面是创建User数据库,需要导入db库 #coding:utf8 from flask import Flask from datetime import datetime from app import db #会员数据模型 class User(db.Model): __tablename__ = "user" __table_args__ = {"useexisting":…

替换新版vue-cli创建项目的public>index.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport&qu…

  转自:https://blog.csdn.net/eson_15/article/details/51479994 0. 写在前面 项目基本完成了,加上这个总结,与这个项目相关的博客也写了30篇了,积少成多,写博客的过程是固化思路的一个过程,对自己很有用,同时也能帮助别人.顺便说个题外话,在学习的过程中肯定会遇到很多异常出现,我们要做的首先是定位这个异常,一般异常的后面都会跟一个或多个Caused by:xxx,这些都是引起异常的原因,一般我们找最下面的一个Caused by,那里往往才是问…

一.搭建项目架构: 项目采用Webpack+Vue-router的架构方式,开始安装(基于windows系统) 1.按Win+R,然后在文本框中输入cmd,回车打开命令行,输入vue-cli安装命令: npm install vue-cli -g 这里的-g代表全局安装. 2.在命令行中初始化项目,我们采用的是webpack模板,输入初始化命令: vue init webpack MobileEcommerce 这里的MobileEcommerce是我的项目文件夹名称,你可以起一个自己喜欢的名称…

项目基本完成了,加上这个总结,与这个项目相关的博客也写了30篇了,积少成多,写博客的过程是固化思路的一个过程,对自己很有用,同时也能帮助别人.顺便说个题外话,在学习的过程中肯定会遇到很多异常出现,我们要做的首先是定位这个异常,一般异常的后面都会跟一个或多个Caused by:xxx,这些都是引起异常的原因,一般我们找最下面的一个Caused by,那里往往才是问题的根源.如果自己解决不了,可以去谷歌.百度搜索(搜索的时候别一大堆异常往上一贴,注意搜关键的部分!),一般我们遇到的问题,99.9%前…