搜索
查看
编辑修改
首页
UNITY
NODEJS
PYTHON
AI
GIT
PHP
GO
CEF3
JAVA
HTML
CSS
搜索
运维做开发
这个屌丝很懒,什么也没留下!
关注作者
热门标签
jquery
HTML
CSS
PHP
ASP
PYTHON
GO
AI
C
C++
C#
PHOTOSHOP
UNITY
iOS
android
vue
xml
爬虫
SEO
LINUX
WINDOWS
JAVA
MFC
CEF3
CAD
NODEJS
GIT
Pyppeteer
article
热门文章
1
【连载】物联网全栈教程-从云端到设备(十一)---调用阿里云API,获取物的属性。_app使用openapi从阿里云物联网平台获取设备属性
2
深度学习入坑笔记之三---服装图像识别问题_服装图像识别标签集
3
SpringCloud : Feign 报PathVariable annotation was empty on param 0_feign pathvariable annotation was empty on param 0
4
docker安装nacos_docker nacos
5
大数据实训整体解决方案_大数据实训平台及实训课程解决方案
6
【运维心得】你不知道,运维也要写代码(2)_运维需要写代码吗
7
12个RAG痛点和建议解决方案_rag方案
8
【C语言】C语言编译链接和Win32API简单介绍
9
Java小技能:多级组织机构排序并返回树结构(包含每个层级的子节点和业务数据集合)_组织树排序
10
景联文科技为睡岗离岗检测系统提供数据支持_睡岗检测数据集
当前位置:
article
> 正文
angularjs的MVC模式_angularjs mvc
作者:运维做开发 | 2024-07-24 11:37:38
赞
踩
angularjs mvc
1.angularjs的MVC模式
做过前后端交互的童鞋们,应该对MVC的理解都比较清晰了。如果纯前端的可能不太理解。楼主本是JAVA出身,大家都知道JAVA几乎是纯服务端的应用,当然随着技术的进步,每一种编程语言都不可能是纯后端服务端的,多多少少会有跟前端交互的技术比如JAVA中的 struts2的jsp标签。但这种东西毕竟不是纯前端的技术,很有可能在使用一些前端技术的时候会出现莫名的冲突。有时候struts标签会跟jquery冲突,这就很尴尬了,所以现在我们的项目基本上都是前后台分离,只在协议上进行交互,这样可以很大程度上避免一些不必要莫名的BUG。
M:model层,即数据模型层,底层数据库交互
V:view层,即视图层,负责展现给用户,与用户进行交互的
C:controller层,及控制层,负责逻辑控制以及业务逻辑处理的service层
简单的说一下MVC吧。我们知道几乎所有的操作都是由前端发起的,用户的操作才会引起一连串的数据变化。就比如说一个简单的查询操作。用户操作前端页面即我们说的view层,然后会以http或者https协议的形式,传递给后台服务端,服务端接到请求,就会交给控制层进行处理,而控制层一般只负责逻辑控制,把你想要的数据展示到什么位置,哪个页面。而控制层接收到请求,会将这种请求交给service层进行处理,service则负责业务处理,你需要怎么样的数据, 怎样格式的数据等,service进行一番分析,然后交给DAO去数据库取数据,DAO取出数据交给service,service对收到的数据进行处理,处理成适合前端的数据格式,然后将数据交给controller层,controller层将数据返给前端展示,这样用户就可以看到他想要的数据更新,完成一次简单的人机交互。MVC的最大优点就是层层分离,减少各模块之间的耦合度。耦合度是个什么概念呢?就向我们做饭的时候,乱炖就是一种耦合度极强的菜,他把前端代码合后端代码掺和在一起,一旦我感觉到可能放西红柿要比土豆好,那么我就需要去更换所有的土豆,那我需要把整个锅里土豆都翻一遍找出来,然后把西红柿塞到里面去,这就很麻烦了,那么宁可再重新做一锅也不愿去挨个的替换掉。然而如果我们换种方式使用这种MVC模式来做饭我一层层的相对独立,独立之后,我想更换那一套东西,就不需要翻江倒海似的去搞乱整个项目。这种情况下,耦合度就低了。
简答的看一下这张图,从图中可以看出angularjs也是可以分为MVC模式的。
模型/Model - 一个负责维护数据模式的最低水平(由$scope来承担)。
视图/View - 负责显示所有或数据到用户的部分(html,bootstrap来承担)。
控制器/Controller - 软件代码控制Model和View之间的相互作用(由Controller承担),唯一有点不同的是,controller层也负责业务处理和逻辑控制。
本文内容由网友自发贡献,转载请注明出处:
【wpsshop博客】
推荐阅读
article
使用
yolov4
训练
自己
都
数据
_
yolov4
训练
自己
的
数据
...
使用
yolov4
训练
自己
都
数据
一、下载编译
yolov4
二、测试二、
训练
自己
都
数据
集2.1
数据
集准备2.2将
自己
都
数据
集放...
赞
踩
article
python
编程
界面
-编程入门10:
Python
图形
界面
...
你已经熟悉了只在窗口中显示一块画布的"海龟绘图”,现在让我们尝试编写更通用的
图形
界面
程序——使用
Python
标准库中的图...
赞
踩
article
[Hadoop
集群
模式安装与配置全过程]
红帽子
RatHat6
下
hadoop
集群
模式安装(3个
节点
,m...
红帽子
RatHat6
下
hadoop
集群
模式安装(3个
节点
,
master
,
slav
e1
,
slav
e2
)一、学习目标:使用红...
赞
踩
article
通义
千悟
-
阿里
通义
千问系列...
通义
千悟
-
阿里
通义
千问系列_
通义
千悟
通义
千悟
&nb...
赞
踩
article
SDTF
-
用户
画像
制作
_
多模态收集人物
画像
...
文章目录数据集标签
制作
训练分析数据反馈数据集标签
制作
训练分析数据反馈
_
多模态收集人物
画像
多模态收集人物
画像
...
赞
踩
article
AGI
和
AIGC
傻傻
分不清楚
,
一篇文章告诉你
如何
分辨!...
AGI
是 Artificial General Intelligence 的缩写
,
中文翻译为“通用人工智能”
,
该术语指...
赞
踩
article
测试
工程师
必须要学
会
性能
测试
,只
会
功能
测试
真的可能被淘汰..._
不
做
性能
测试
会
怎样...
通过以上例子我们可以清楚的认识到,
不
管是奥运
会
的门票预售系统,还是12306的订票系统崩塌,都是由于软件系统没有经过
性能
...
赞
踩
article
用
turtle
库画
旋转
太极图
_
python
利用
turtle
库
绘制
图形并
旋转
...
之前写过一篇用Python的
turtle
库画
太极图
的文章,当时画出来的
太极图
是静态的,现在就想着能不能让太极转起来,废话...
赞
踩
article
Ten
so
rRT
.
so
文件
链接问题...
尽管你已经在中包含了目录,Ten
so
rFlow仍然无法加载。
Ten
so
rRT
.
so
文件
链接问题 ...
赞
踩
article
YARA
语法...
文章目录
YARA
基础语法
YARA
基础语法
YARA
关键字allinprivateandincluderuleanyinde...
赞
踩
article
NLP
入门
实验
_nlp
入门
实操...
[1] 什么是
NLP
(自然语言处理)[2] 为什么要写博客 入手差不多有一个月,算是有点了解。前期总想着把自己一步步...
赞
踩
article
Nginx
配置
详细解释:(3)
http
模块及
server
模块,
location
模块_
nginx
配置
s...
wget下载在/data/下,编译安装在/apps/
nginx
/下有两台机器,Node1(192.168.114.10)...
赞
踩
article
全方位解析
:
现象级
AI
大
模型
热潮...
在聊到
AI
的时候,我们都离不开“
大
模型
”这三个字。
AI
大
模型
已经完全融入了各个领域,也融入了我们的生活,它好像无所不在、...
赞
踩
article
Flutter
运行
IOS
真机,提示
无法
打开
“
iproxy
”,因为
无法
验证
开发者
_
无法
打开
“ipro...
在终端输入一下命令行 + flutter SDK路径(/Users/xxx/flutter/bin/cache/arti...
赞
踩
article
前端
开发
入门:
AngularJS
_
前端
anjos
...
首先我是一名学习者,会以学习者的角度来整理我的行文思路,这里可能只是些探索,有理解或是技术上的错误还请大家指出;其次我特...
赞
踩
article
py
torch
实现
word
embedding
:
torch
.nn.
Embedding
_pytor...
import numpy as npimport
torch
import
torch
.nn as nnimport to...
赞
踩
article
LLM
大
模型
从入门到精通(1)--
LLM
基础知识
介绍_从
文本
生成
角度
,
也
可以
这样定义
语言
模型
:给定一...
llm是一种人工智能
模型
,
旨在理解和
生成
人类
语言
.
大
语言
模型
可以
处理多种自然
语言
任务,如
文本
分类、问答、翻译、对话等...
赞
踩
article
Hadoop
_
hadoop
更改主机名...
Hadoop
部署
hadoop
更改主机名
hadoop
...
赞
踩
article
HBuilderX
打包安卓版本
uni
-app的,
阿里
云OSS
上传
文件
失败,403错误_hbiulde...
正在解决这个问题,如果是很着急用可以先把插件里面crypto.js106行注释掉if(typeofbtoa=="func...
赞
踩
article
《
鞋匠
的
AI
之
旅》- 5.
Transformer
【中】
之
“
解码器
的
自
回归
”...
解码器
综合分析“编码器
的
输出”以及“模型已生成序列”两部分输入后进行下一个token
的
预测,这样不停
的
循环,直到预测任务...
赞
踩
相关标签
ubuntu
神经网络
自动驾驶
hadoop
大数据
分布式
红帽子
集群
阿里云
通义千问
通义千悟
GPT
AI
数据库
hive
big data
agi
AIGC
功能测试
单元测试
压力测试
职场和发展
自动化测试
python