angular-simple-crud Angular 10简易CRUD项目

使用 Angular 10 做 CRUD 操作的项目有多,但angular-simple-crud算是其中比较简单易懂的一个。它通过简洁的结构你快速上手,项目中包括前端和后端部分,后端使用了 JSON Server 模拟数据库,前端则基于 Angular 构建。

,项目的安装和启动都直观,你只需要按照指令执行,git clone https://github.com/davidsuead/angular-simple-crud.git,进入项目文件夹,安装依赖就好。

如果你对 Angular 不陌生,这个项目会容易上手,毕竟它的结构简单,功能直接,适合初学者和快速原型开发。而且,项目的代码质量也挺不错,挺适合用作学习和修改。

有一个小建议:这个项目没有后端,你需要安装json-server来模拟数据存储。如果你对后端不熟悉,这部分需要点耐心。但一旦搞定,CRUD 操作就能顺畅运行了。

总结一下,如果你是 Angular 10 的用户,想做个快速的 CRUD 应用,这个项目挺适合的,简单、易用,还是比较推荐的。

zip
angular-simple-crud-main.zip 预估大小:55个文件
folder
angular-simple-crud-main 文件夹
file
.gitignore 21B
file
README.md 625B
folder
frontend 文件夹
file
.gitignore 631B
file
tsconfig.json 458B
file
README.md 1017B
file
angular.json 3KB
file
.browserslistrc 853B
file
package.json 918B
folder
src 文件夹
folder
environments 文件夹
file
environment.ts 662B
file
environment.prod.ts 51B
folder
app 文件夹
folder
components 文件夹
folder
views 文件夹
folder
home 文件夹
file
home.component.css 123B
file
home.component.html 243B
file
home.component.ts 267B
folder
footer 文件夹
file
footer.component.ts 275B
file
footer.component.html 207B
file
footer.component.css 247B
folder
nav 文件夹
file
nav.component.ts 263B
file
nav.component.css 195B
file
nav.component.html 718B
folder
header 文件夹
file
header.component.ts 275B
file
header.component.html 364B
file
header.component.css 283B
folder
people-crud 文件夹
file
people-crud.component.ts 443B
file
people-crud.component.html 204B
file
people-crud.component.css 35B
folder
people 文件夹
file
people.service.ts 2KB
folder
people-update 文件夹
file
people-update.component.ts 1KB
file
people-update.component.html 1KB
file
people-update.component.css 113B
file
people.model.ts 156B
folder
people-create 文件夹
file
people-create.component.ts 887B
file
people-create.component.css 136B
file
people-create.component.html 1KB
folder
people-read 文件夹
file
people-read.component.css 156B
file
people-read.component.ts 623B
file
people-read.component.html 2KB
folder
people-delete 文件夹
file
people-delete.component.css 113B
file
people-delete.component.html 764B
file
people-delete.component.ts 1KB
file
app.component.html 71B
file
app-routing.module.ts 1KB
file
app.module.ts 2KB
file
app.component.ts 168B
file
polyfills.ts 3KB
file
main.ts 372B
file
index.html 515B
file
favicon.ico 948B
folder
assets 文件夹
folder
.gitkeep 文件夹
folder
img 文件夹
file
logo.png 72KB
file
styles.css 446B
file
tsconfig.app.json 287B
file
package-lock.json 462KB
folder
backend 文件夹
file
package.json 324B
file
db.json 1KB
file
package-lock.json 54KB
...
zip 文件大小:228.58KB