scq000 / sport-store

Angular2 Exercise Demo. Angular2练手项目

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

SportStore

该项目是[Pro Angular2]书中的演示项目,我又手动实现了一遍。项目初始化时采用了Angular CLI脚手架。

Development server 开发服务器

前端服务器会允许在4200端口上,使用npm run serve后启动。后台数据我采用了json-server库来实现,因此需要先运行npm run json后启动该后台服务器,该服务器允许在3500端口上,用于mock数据。

Run Project 运行项目

在命令行中输入npm run start会同时启动服务端和客户端,你也可以分别启动npm run servenpm run json。然后访问http://localhost:4200

Build 打包

Run npm run bundle to build the project, which will use the rollup to bundle. 使用npm run bundle去打包项目,采用rollup来去除冗余代码。

项目截图

首页

homepage.png

用户认证页

admin.png

用户管理页

admin-manager.png

About

Angular2 Exercise Demo. Angular2练手项目


Languages

Language:TypeScript 66.7%Language:HTML 22.9%Language:JavaScript 10.4%