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

最近项目要改写管理系统,所以用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. Java基础学习笔记九 Java基础语法之this和super

      构造方法 我们对封装已经有了基本的了解,接下来我们来看一个新的问题,依然以Person为例,由于Person中的属性都被private了,外界无法直接访问属性,必须对外提供相应的set和get方法.当 ...

    2. RTMP规范协议

      本文参照rtmp协议英文版,进行简单的协议分析 1.什么是RTMP 关于 Adobe 的实时消息协议(Real Time Messaging Protocol,RTMP),是一种多媒体的复用和分组的应 ...

    3. 20155227 实现mypwd

      20155227 实现mypwd 1 学习pwd命令 2 研究pwd实现需要的系统调用(man -k; grep),写出伪代码 3 实现mypwd 4 测试mypwd 课堂学习笔记 实现mypwd 在 ...

    4. alpha-咸鱼冲刺day8

      一,合照 emmmmm.自然还是没有的. 二,项目燃尽图 三,项目进展 正在进行页面整合.然后还有注册跟登陆的功能完善-- 四,问题困难 数据流程大概是搞定了.不过语法不是很熟悉,然后还有各种判定. ...

    5. C语言--第0周作业

      1.翻阅邹欣老师博客关于师生关系博客,并回答下列问题: 1)最理想的师生关系是健身教练和学员的关系,在这种师生关系中你期望获得来自老师的哪些帮助? 答: 若教练和学员的关系是最理想的师生关系,那就意味 ...

    6. Java课程设计报告——购物车

      1.码云GIT提交 Git地址 2基本框架 3.基本界面 1.主界面: 2.购物车界面: 3.添加商品界面: 4.删除商品界面: 5.修改商品界面: 6.商城界面: 7.购物车显示界面: 4.代码解释 ...

    7. DML数据操作语言之常用函数

      所谓函数,就是输入某一值,得到相应的输出结果的功能.相当于一个加工厂,给了原料,最终产出成品. 其中原料 就是参数(parameter). 产品 就是返回值. 函数大致可以分为以下五个种类: 算术函数 ...

    8. JAVA_SE基础——36.static的实际应用

      什么时候定义静态函数 如果功能内部没有访问到非静态数据(对象的特有数据.那么该功能就可以定义为静态) P.S. 静态方法作为类和接口的重要组成部分,可以通过类名或接口直接访问,通常将那些使用频率较高的 ...

    9. Python之旅.第二章数据类型 3.19/3.20/3.21/3.22/3.23

      一.数字类型 1.int类型: 基本使用: 用途:用于年龄,手机号,身份证号: 定义: age=18: 常用操作+内置方法: 正常的运算赋值: 进制转换: print(bin(3)); 把十进制3转换 ...

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

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