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

最近项目要改写管理系统,所以用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. 如何使用maven搭建web项目

      博客园注册了有二十多天了,还没有写过博客,今天就发一篇,也便于后面查找笔记. 我个人已经做了几年的java web开发了,由于所在的公司是业务型公司,用的都是一些老旧的稳定技术,很少接触到稍微新点的内 ...

    2. 基于FPGA的Cordic算法实现

      CORDIC(Coordinate Rotation Digital Computer)算法即坐标旋转数字计算方法,是J.D.Volder1于1959年首次提出,主要用于三角函数.双曲线.指数.对数的 ...

    3. 第五次作业-需求&原型改进

      需求&原型改进 0. 团队介绍 团队名称:121ComeOn 项目名称:个人博客项目 团队组成: PM:黄金筱(107) 成员:王枫(031),刘烨(255),周明浩(277) github地 ...

    4. 团队项目7——团队冲刺(beta版本)

      beta版本冲刺计划安排:http://www.cnblogs.com/ricardoCYF/p/8018413.html 12.06:http://www.cnblogs.com/ricardoCY ...

    5. Linux下关闭Tomcat残留线程

      ps -ef | grep tomcat kill -9 {pid}

    6. asp.net web api 控制器

      1控制器操作的参数 控制器操作的参数可以是内置类型也可以是自定义类型,无参也是允许的. 2控制器操作返回值 类型 说明 void 操作返回值为void时,Web API返回空HTTP响应,其状态码为2 ...

    7. 新手入门 git

      Git是目前世界上最先进的分布式版本控制系统 特点:高端大气上档次 什么是版本控制系统 系统自动记录文件改动 方便同事协作管理 不用自己管理一堆类似的文件了,也不需要把文件传来传去.如果想查看某次改动 ...

    8. 关于读取Sql Server数据库时间前端处理问题

      var time = this.CreateTime; this.CreateTime = new Date(time.replace("T", " ")).F ...

    9. http客户端请求及服务端详解

      http客户端请求及服务端详解 引言 HTTP 是一个属于应用层的面向对象的协议,由于其简捷.快速的方式,适用于分布式超媒体信息系统.它于1990年提出,经过几年的使用与发展,得到不断地完善和 扩展. ...

    10. 获取选中的radio的value值

      html:<div id="bb"> <input  name="cc" type="radio" value=" ...