码迷,mamicode.com
首页 > Windows程序 > 详细

基于Angular5和WebAPI的增删改查(一)

时间:2018-06-06 18:31:43      阅读:381      评论:0      收藏:0      [点我收藏+]

标签:linq   全局   gif   模块引入   引入   user   asp   页面跳转   arch   

  由于公司后续项目重构,可能会用到Angular5。

  所以花点时间学习一波,把学习成果分享给大家。

  因为是事后补写帖子,很多描述比较简略。有疑问的地方,还请多多指教!

  开始之前,你需要给你的计算机,安装一个angular环境(不会请google,有很多帖子)。

  懒人可走下面链接

       https://www.angular.cn/(angular中文站)

       https://www.jianshu.com/p/327d88284abb(angular cli安装和使用教程)


Begin

1.首先要清楚几个概念

  模块: NgModule  代表特定的功能逻辑模块,需要就引入。有点像C#中系统集成类库,比如:System.Linq,System.Data,System.Collections,需要什么就引入什么。

  组件:Component   包含控制,数据,展示的整体文件。浅层可理解为 asp.net 中拖拖拽拽的 控件。但是他们还是有区别的。深入了解你会明白。

  服务、路由。后续会有介绍

2.项目结构

  技术分享图片技术分享图片

  项目结构说明

  dist   里边包含angular 发布文件,也是页面最终引用的js

  edit   编辑组件,包含增 改

  query 查询组件,包含查,删

  app.   包含app.的为根组件,所有项目必备文件。所有全局模块引入,都在app中

  user-service  服务,面向后台接口,主要用于数据交互

  .json  都是配置文件

3.补充说明

路由

技术分享图片

页面级别路由指定

服务

技术分享图片

和后台交互

 

根组件

技术分享图片

 

userservice 中要用到http 请求。  所以在跟模块中 引入@Angular/http模块

页面跳转要用到自定义路由模块。所以引入app-routing

其它文件引入逻辑类似,不详细描述

4.源码地址

百度云链接:https://pan.baidu.com/s/1v63haOerPRxTiA2yIb37qw

 

下次边学边写,应该比较深刻,

今天这个看起来,比较敷衍,记录作用。

 

 

 

    

 

 

 

 

  

 

基于Angular5和WebAPI的增删改查(一)

标签:linq   全局   gif   模块引入   引入   user   asp   页面跳转   arch   

原文地址:https://www.cnblogs.com/isWhile/p/9146131.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!