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

最近项目要改写管理系统,所以用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. supervisor进程管理工具的使用

      supervisor是一款进程管理工具,当想让应用随着开机启动,或者在应用崩溃之后自启动的时候,supervisor就派上了用场. 广泛应用于服务器中,用于引导控制程序的启动 安装好superviso ...

    2. Jquery瀑布流布局,jQuery Wookmark Load 示例

      瀑布流布局非常适合大量图片的展示,一改过去裁剪图片尺寸同意的排版,每张图片都能完全展示,并错落有致,让人眼前一亮. 注意事项:img元素的width和weight属性需要写,否则定位会不准确. 查看j ...

    3. C语言博客作业--函数嵌套调用

      一.实验作业(6分) 本周作业要求: 选一题PTA题目介绍. 学习工程文件应用,设计实现学生成绩管理系统. 学生成绩管理系统要求 设计一个菜单驱动的学生成绩管理程序,管理n个学生m门考试科目成绩,实现 ...

    4. (转)如何在Eclipse中查看JDK类库的源代码

      在Eclipse中查看JDK类库的源代码!!! 设置: 1.点 “window”-> "Preferences" -> "Java" -> & ...

    5. zookeeper安装及环境变量设置

      下载 首先去官网下载(自行选择版本):http://mirror.bit.edu.cn/apache/zookeeper/zookeeper-3.4.11/然后执行tar -zxvf解压 对于后台安装 ...

    6. Ajax 的onreadystatechange事件注意事项.

      <script type="text/javascript"> function createXHR() { var request = false; try { re ...

    7. 优化从 App.config 读取配置文件

      public class AppSettingsConfig { /// <summary> ////// </summary> public static int Query ...

    8. SSO的全方位解决方案 - Kerberos协议(RFC 1510)

      一.桌面SSO和WEB-SSO的局限性 前面我们的解决方案(桌面SSO和WEB-SSO)都有一个共性:要想将一个应用集成到我们的SSO解决方案中,或多或少的需要修改应用程序. Web应用需要配置一个我 ...

    9. Android智能手机上的音频浅析

      手机可以说是现在人日常生活中最离不开的电子设备了.它自诞生以来,从模拟的发展到数字的,从1G发展到目前的4G以及不久将来的5G,从最初的只有唯一的功能(打电话)发展到目前的全功能,从功能机(featu ...

    10. python基础(常用内容)

      python基础(常用内容) 机器数: 一个数在计算机中的二进制表示形式就是机器数. 例如: +3用机器数表示就用<00000011>表示 -3用机器数表示就用<10000011&g ...