Vue之自建管理后台(一)准备工作
完成最基础的Vue环境及新建一个vue项目。
一般来说,我们拿到一个项目需求或者得到一个需求的时候,第一件应该做的事情不是立马坐在电脑前面去写代码,如果你这么做的,好吧。。。我只能暂时认定你为一个刚上路的。
首先,用户给你一个需求,我们先要做的是需求的分析,明白用户需要什么?我们当前的条件能为他创造什么?我们能不能在更进一步的提供更好地?
那么现在需求来了,我们需要一个以Vue为前端开发语言的后台Admin管理系统。
拿到这个需求我们是不是第一件事情去了解什么是Vue?
Vue的介绍:https://cn.vuejs.org/
你可以在这里找到你想要的答案。
你可能只是一个纯Vue的前端工程师,那么你应该已经拿到项目设计文档,请跳过...
那么接下来我们就要去分析,应该怎么实现?有哪些功能需要实现?
一些分析过程:
1、这个后台管理系统是干什么的?
我们要连接微信公众号的后台管理,也就是常说的微信公众号第三方开发管理平台。
2、微信公众号后台有哪些功能?
1)需要接通,我们需要提供信息,以便接通
2)功能:设置公众号菜单栏,素材管理,粉丝管理(营销),关注回复,群发消息等,具体的功能请查看微信公众号官方后台。
3、我们需要怎么做设计?
众所周知,Vue是前后端分离的,如果你不了解这个,那么我也没办法了。
那么我们在设计的时候也就意味着,为了能够让系统运行起来,那么除了Vue之外,我们还需要一个逻辑后端,俗称API。至于API的语言你可以用PHP,Java等,随意按照你的精通或者公司的现有资源来做。我会在后续中,使用的PHP作为API。
以上3点只是简单的分析,具体分析内容不公布了,这个是一个复杂而且比较漫长的过程,这里出错了,后续会跟着出错,所以在需求分析的时候一定要秉承的多问,多想,多观察,不要盲目或者快速的决定。和用户做大量的沟通是必不可少的。在这里祝你好运...(大部分的用户其实他自己也不知道要什么)
接下来就是要编写项目设计方案了。。。
Vue之自建管理后台(一)准备工作的更多相关文章
- Vue之自建管理后台(三)登录页面
在做登录页面之前,我们必须得完成路由的设定... 按照之前的设计我们路由的文件夹是src/router 官方默认的index.js,如下: import Vue from 'vue' import R ...
- Vue之自建管理后台(二)Vue端设计
我们先设计Vue的文件夹分布. 在此之前,我们先了解下初始化创建的Vue的文件夹 https://www.cnblogs.com/luoxuemei/p/9812151.html (我引用了这哥们写的 ...
- 基于vue模块化开发后台系统——准备工作
文章目录如下:项目效果预览地址项目开源代码基于vue模块化开发后台系统--准备工作基于vue模块化开发后台系统--构建项目基于vue模块化开发后台系统--权限控制 前言 本文章是以学习为主,练习一下v ...
- 管理后台Vue
管理后台 遇到的问题 搭建 基于vue 3.0 Vue CLI 4.x Ant Design Vue 2.0 搭建后台管理系统 Ant Design Vue 2.0 npm i --save ant- ...
- 使用vue+elementUI+springboot创建基础后台增删改查的管理页面--(1)
目前这家公司前端用的是vue框架,由于在之前的公司很少涉及到前端内容,对其的了解也只是会使用js和jquery,所以..慢慢来吧. 在此之前需要先了解vue的大致语法和规则,可先前往官方文档进行学习h ...
- asp.net core web api + Element-UI的Vue管理后台
后端:asp.net core web api + EF Core 前端:VUE + Element-UI+ Node环境的后台管理系统. 线上地址:http://www.wangjk.wang/ 密 ...
- 从0到1用react+antd+redux搭建一个开箱即用的企业级管理后台系列(基础篇)
背景 最近因为要做一个新的管理后台项目,新公司大部分是用vue写的,技术栈这块也是想切到react上面来,所以,这次从0到1重新搭建一个react项目架子,需要考虑的东西的很多,包括目录结构.代码 ...
- python操作三大主流数据库(6)python操作mysql⑥新闻管理后台功能的完善(增、ajax异步删除新闻、改、查)
python操作mysql⑥新闻管理后台功能的完善(增.删.改.查)安装表单验证D:\python\python_mysql_redis_mongodb\version02>pip instal ...
- ASP.NET Core CMS管理后台
ASP.NET Core+LayUI+MySql CMS管理后台,主要功能包括 登录.修改密码,账号管理,菜单管理,角色权限管理等 由于工作之外,抽时间写的,用于学习交流,请慎重用于生产环境 项目概要 ...
随机推荐
- unity3D中的Input按键方法检测
一,按键的按下抬起等识别方法 void Update () { ; ; if (Input.GetKeyDown (KeyCode.A)) { Debug.Log("A按下一次") ...
- vue证明题二,让vue跑起来
使用vue有很多连带产品,大多数入门的并非看不懂官方文档,也并非不会语法,而是卡在这些连带产品上 笔者刚刚入手这台电脑,什么都没装,就以此开始,从头构建一个vue项目吧,哪怕没有任何基础,跟着来应该是 ...
- 案例:使用xml存储数据
HTML: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF ...
- 【彩彩只能变身队(第七组)】Alpha版
演示总结 -by 彩彩只能变身组(第七组) Part one:功能简介 教师端——班级主页 教师端——创建班级 教师端——批改作业 教师端——作业上交情况 学生端——班级主页 学生端——作业上传 在开 ...
- 2018-8-10-win10-UWP-用Path画图
title author date CreateTime categories win10 UWP 用Path画图 lindexi 2018-08-10 19:16:50 +0800 2018-2-1 ...
- Django知识笔记
基本应用 创建项目: django-admin startproject 项目名称 目录结构: manage.py是项目管理文件,通过它管理项目. 与项目同名的目录,此处为test1. _init_. ...
- Linux下的上传和下载yum install -y lrzsz
先使用命令 yum install -y lrzsz rz 上传 或者直接拖动 sz 要下的文件 回车
- tomcat-性能优化参考
转摘 http://blog.csdn.net/lifetragedy/article/details/7708724. ###jdk1.6.未验证.仅供参考### linux环境下Tomcat调优 ...
- HWDB手写汉字识别 - CNN
MARK Caffe 的 googleNet近似模型,识别HWDB汉字200类 准确率96.3
- Tomcat 配置错误界面
Tomcat发生错误时跳转到错误页面 注意 :5.0下操作需要删除掉注释语句,不然报错,原因未知 一.修改 tomcat 的配置文件 修改 tomcat 的配置文件,当页面发生错误时跳转到指定的页面, ...