开坑，一直喜欢口袋妖怪，想着能写点有关的程序。

最近项目要改写管理系统，所以用Angular1.x搭建一个口袋妖怪管理系统试试。

巩固Ng1.x的知识+学习库的用法，然后算是记录一个系统从零开始到成型的过程吧哈哈~

总计划

暂时计划比较简单，该网站是一个SPA即单页面管理系统应用，暂时分为五个页面：

  • 口袋妖怪
  • 技能
  • 树果
  • 道具
  • 训练师

在完成管理界面之后尝试设计一个主界面，类似宝可梦图鉴的页面，用来练习界面设计&展示口袋妖怪列表

多说无益，开工先

一、目标

  • 搭建最简AngularJS环境, 然后慢慢完善环境，最好能把我没用过的打包工具试一次（逃
  • 跑起最简单的pokemon列表展示小程序

二、环境搭建

  1. 安装Nodejs，开启命令行安装Yarn:

    npm i -g yarn
  2. 由于不用现成环境，所以只能自己下载AngularJS的库了

    从零开始搭建口袋妖怪管理系统(1)-从Angular1.x开始的更多相关文章

    1. 从零开始搭建口袋妖怪管理系统(4)-借助webpack4.6工程化项目(上)

      "手动是不可能手动的了,这辈子都不可能手动的了." 一.目标 上一章我们借助ngRoute,完成了口袋妖怪SPA系统的多模块导航开发,但是现在引用的东西越来越多,项目文件目录开始变 ...

    2. 从零开始搭建口袋妖怪管理系统(2)-借助ngRoute实现详情页面跳转

      一.目标 上一次我们用Angular1.x完成了简单的口袋妖怪展示列表页面,现在我们想要了解口袋妖怪更多的信息,但是发现原有单行表格可能容纳不下口袋妖怪的所有信息,所以现在我们需要一个口袋妖怪详情界面 ...

    3. vue从入门到女装？？：从零开始搭建后台管理系统（二）用vue-docute生成线上文档

      教程 vue从入门到女装??:从零开始搭建后台管理系统(一)安装框架 一个系统开发完成了总要有操作说明手册,接口文档之类的东西吧?这种要全部纯手写就很麻烦了,可以借助一些插件,比如: vue-docu ...

    4. vue从入门到女装：从零开始搭建后台管理系统（一）安装框架

      安装及运行都是基于node的,不会node的可以自行百度,网上教程很多,也不难 项目效果预览: demo1 demo2 源码下载 开始安装框架: vue ==>vue-cli安装   eleme ...

    5. 从零开始搭建WebAPI Core_SqlSugar管理系统 (持续更新中......)

      从零开始搭建WebAPI Core_SqlSugar管理系统 前言 本系列皆在从零开始逐步搭建,后台管理系统服务端部分,后续还会推出前端部分. 这次的目的是搭出一个功能完善的 本次系列技术栈以下几个部 ...

    6. 从零开始搭建WebAPI Core_SqlSugar管理系统(一) 项目环境需求以及项目搭建

      从零开始搭建WebAPI Core_SqlSugar管理系统(一) 项目环境需求以及项目搭建 环境需求 想要使用.NET Core,首先你的Visual Studio(以下简称vs)升级到较高的版本, ...

    7. 【从零开始搭建自己的.NET Core Api框架】（一）创建项目并集成swagger：1.1 创建

      系列目录 一.  创建项目并集成swagger 1.1 创建 1.2 完善 二. 搭建项目整体架构 三. 集成轻量级ORM框架——SqlSugar 3.1 搭建环境 3.2 实战篇:利用SqlSuga ...

    8. 从零开始搭建前端监控系统（三）——实现控制iframe前进后退

      前言 本系列文章旨在讲解如何从零开始搭建前端监控系统. 项目已经开源 项目地址: https://github.com/bombayjs/bombayjs (web sdk) https://gith ...

    9. 从零开始搭建一个PaaS平台 - 我们要做什么

      前言 从最开始的小公司做小网站,到现在进入现在的公司做项目,发现小公司里很多很多工作都是重复的劳动(增删改查),不过想想也是,业务软件最基础的东西不就是增删改查吗. 但是很多时候,这种业务逻辑其实没有 ...

    随机推荐

    1. Beta Scrum Day 5

      听说

    2. Alpha第二天

      Alpha第二天 听说 031502543 周龙荣(队长) 031502615 李家鹏 031502632 伍晨薇 031502637 张柽 031502639 郑秦 1.前言 任务分配是VV.ZQ. ...

    3. Beta阶段敏捷冲刺报告-DAY5

      Beta阶段敏捷冲刺报告-DAY5 Scrum Meeting 敏捷开发日期 2017.11.6 会议时间 12:00 会议地点 软工所 参会人员 全体成员 会议内容 乱序问题的解决,异常输入提示 讨 ...

    4. node.js基础

      //安装淘宝npm镜像 npm install -g cnpm --registry=https://registry.npm.taobao.org//require表示引包,引包就是引用自己的一个特 ...

    5. verilog学习笔记(4)_有限状态机

      有限状态机: 有限状态机是由寄存器组和组合逻辑构成的硬件时序电路: - 其状态(即由寄存器组的1和0的组合状态所构成的有限个状态)只能在同一时钟跳变沿的情况下才能从一个状态转向另一个状态: - 究竟转 ...

    6. 推荐net开发cad入门阅读代码片段

      转载自  Cad人生  的博客 链接:http://www.cnblogs.com/cadlife/articles/2668158.html 内容粘贴如下,小伙伴们可以看看哦. using Syst ...

    7. 爬虫小探-Python3 urllib.request获取页面数据

      使用Python3 urllib.request中的Requests()和urlopen()方法获取页面源码,并用re正则进行正则匹配查找需要的数据. #forex.py#coding:utf-8 ' ...

    8. jupyter notebook下python2和python3共存（Ubuntu）

      提示NOTICE 时间:2018/04/06 主题:Ubuntu 下CAFFE框架 主角:Jupyter Notebook 简介: Jupyter Notebook(此前被称为 IPython not ...

    9. Angular 学习笔记 ( PWA + App Shell )

      PWA (Progressive Web Apps) 是未来网页设计的方向. 渐进式网站. Angular v5 开始支持 pwa 网站 (所谓支持意思是说有一些 build in 的方法和规范去实现 ...

    10. OAuth2.0学习（1-8） 授权方式五之Access_Token令牌过期更新

      OAuth2.0的Access_Token令牌过期更新 如果用户访问的时候,客户端的"访问令牌"已经过期,则需要使用"更新令牌"申请一个新的访问令牌. 客户端发 ...