开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

Angular-js with typescript -数据应该存储在控制器还是服务中？

在AngularJS中使用TypeScript开发时，数据的存储可以根据具体情况选择存储在控制器(Controller)或服务(Service)中。

控制器(Controller)是AngularJS中用于处理视图逻辑的组件，它负责处理用户交互、数据绑定等任务。通常情况下，控制器可以存储一些与视图相关的临时数据，例如表单输入的值、页面状态等。对于简单的数据，可以直接存储在控制器中，以便在视图中进行展示和操作。

服务(Service)是AngularJS中用于封装可重用功能的组件，它可以提供数据的共享和管理。服务可以被多个控制器共享，并且可以在整个应用程序中保持数据的一致性。对于需要在多个控制器之间共享的数据，或者需要进行数据处理、持久化等操作的情况，可以将数据存储在服务中。

根据最佳实践，建议将业务逻辑和数据处理相关的代码封装在服务中，以保持代码的可维护性和可测试性。控制器应该尽量保持简洁，只负责处理视图相关的逻辑。

以下是一些腾讯云相关产品和产品介绍链接地址，供参考：

云服务器（CVM）：提供可扩展的计算能力，支持多种操作系统。详情请参考：https://cloud.tencent.com/product/cvm
云数据库 MySQL 版（CDB）：提供稳定可靠的云端数据库服务，支持高可用、备份恢复等功能。详情请参考：https://cloud.tencent.com/product/cdb_mysql
云存储（COS）：提供安全可靠的对象存储服务，适用于图片、音视频、文档等各种类型的数据存储。详情请参考：https://cloud.tencent.com/product/cos

请注意，以上仅为示例，实际选择产品时应根据具体需求进行评估和选择。

相关搜索:socket.io确定用户是在线还是离线。我应该将数据存储在数据库中吗？上传的图像应该存储在服务器上还是react上？互斥锁应该存储在main中还是对象中？在react中是将数据存储在状态中还是变量中在spring中，@transactional服务应该是单例的还是原型的？在Spring中，直接从服务返回ResponseEntity是更好的做法，还是应该在控制器中创建它？如何通过控制器在表格中存储表单数据如果控制器方法导致外部服务修改数据库，我应该使用GET还是POST？媒体文件应该存储在数据库还是服务器上？我应该使用@Scheduled还是在rest控制器中睡眠？

相关搜索:

页面内容是否对你有帮助？

有帮助

没帮助

相关·内容

数据库中存储日期的字段类型到底应该用varchar还是datetime ？

该字符串未被识别伪有效的DateTime 正在做的新闻发布系统，数据库中存储时间的字段类型为datetime类型，并且字段值都是在服务器端自动获取的。...所以，在设计软件的过程中，最好把客户端这个因素刨除在外，保证各种使用环境的兼容性，时间在数据库中产生，同样显示时也只显示数据库中的时间（避免客户端的过滤）。 ...2、将数据库中存储时间的数据类型改为varchar()，不过这时最好让这些时间是数据库中自动生成的（一个没有格式的输入也可能会导致输出错误），因为存储类型为varchar()，所以获取到的值也就被认为是一个字符串...不过数据库中存储时间的类型如果为字符型也会带来一些麻烦：数据库中的时间仅仅是用来显示、查找的，那么影响还不算大，但如果对时间字段进行一些算法如计算星期、DateDiff、DateAdd...等，那就麻烦了，尤其实在大型数据查询中转换类型是会影响效率的总结数据库中存储日期的字段类型到底应该用varchar还是datetime ？

3.8K3 0

Facebook又叒陷数据门，5亿条数据不安全存储在亚马云服务器中

Facebook发言人对各大主流媒体承认，用户的多组个人数据被存放在亚马逊AWS数据库中，包括数以百万计的Facebook用户的超过5亿条记录。...这一次，被暴露的数据集并不是直接来自Facebook，而是由第三方合作伙伴在线收集和不安全存储的。 UpGuard是一家商业公司，为公司销售检测和防止数据泄露的产品。...据UpGuard的研究人员透露，他们发现了两个数据集，一个来自一家名为Cultura Colectiva的墨西哥媒体公司，另一个来自一个名为“At the pool”的Facebook集成应用程序，这两个数据集都可以在互联网上公开访问...“随着Facebook对其数据管理实践的审查，他们已经在努力减少第三方访问。但正如这些曝光所显示的那样，泄露的数据不能撤回。...此前这两个数据集都存储在不安全的Amazon云服务器中，目前，Facebook称这些数据集已经被保护并删除。尚没有证据表明数据被滥用，但正在调查。

7403 0

iOS开发笔记（一）

这种膨胀往往发生在页面内容复杂、交互较多的页面控制器，需要较多的delegate和target-action代码。随之而来的是代码零散化：逻辑相同的代码零散在各处。...在此时接触了angular-js，发现在一个复杂的web页面上，逻辑非常清晰，代码极其简洁。...于是，尝试在iOS平台使用MVVM：通过KVO来实现MVVM是其中一种选择，但是KVO的代码同样会聚在observe的方法。希望达到的效果是：数据与页面一一对应，一个业务逻辑代码尽量聚合。...，并通过get、set方法来更新数据显示。...2、TextKit 让程序能够存储，排版和显示文本信息，并支持排版所需要的所有特性，包括字距调整、连写、换行和对齐。

9307 0

Angular2：从AngularJS 1.x 中学到的经验

虽然服务和指令都有明确的角色定义，但是在iOS 应用中，我们常常会看到MassiveView Controller 这种反模式。有时候，开发者会尝试在控制器中访问甚至直接修改DOM。...另一个值得注意的反模式就是：在不同的控制器中重复实现相同的业务逻辑。开发者倾向于拷贝粘贴这些逻辑，而实际上这些东西应该封装到service 里面去。...构建AngularJS 应用的最佳实践是：控制器根本不应该操作DOM，而是应该把访问和操作DOM 的逻辑分离到指令中去。...这样看来，似乎控制器的功能应该移到指令内部的控制器中去。由于指令支持依赖注入API，所以在接收到用户的输入之后，可以直接把具体的操作代理给注入的服务来执行。...在 1.x 中，有些对象是根据参数的位置顺序注入的（例如scope、标签、属性，以及指令link 函数中的控制器）；而其他对象则是根据名称注入的（例如在控制器，指令，服务和过滤器中会根据参数名称进行注入

2.7K1 0

在前端中理解MVC服务之TypeScript篇

应该注意的是，服务使用模型，实例化从类提取的对象。这是因为只存储数据，而不是存储数据的原型。从后端到前端的数据也是如此，它们没有实例化其类。...在服务中我们必须定义的是我们想要创建的每个操作。..._commit(this.users); } 它仍有待定义负责存储在我们的数据存储中执行的操作的方法 bindUserListChanged(callback: Function) { this.onUserListChanged...例如，bindAddUseraddUser接收一个驱动程序函数作为参数，该参数将执行服务中描述的操作。在方法中，将定义每个视图控件的。...，最后一个文件就是Controller，它将通过依赖注入（DI）来接受其具有的Service和View服务项这些依赖项存储在控制器中的私有变量中。

2K2 0

在前端中理解MVC服务之 Angular篇(完结)

在第三篇文章中，应用程序将使用 Angular 构建，该版本来自TypeScript 的第二个版本。因此，本文介绍应用程序从 TypeScript 到Angular的迁移。...Models （贫血模式）此示例中的第一个生成类是应用程序模型，user.model.ts由类属性和生成随机 D 的私有方法（这些代码可能来自服务器中的数据库）。...您应该注意，Service使用Model，将从Localstarage中提取的对象实例化到。这是因为Localstarage只存储数据，而不是存储数据的原型。...在服务中我们必须定义的下一件事是我们想要开发的每个操作。...('users', JSON.stringify(users)); } 此方法不会调用创建服务时绑定的函数，在 JavaScript 或 TypeScript 中开发时callback是必需的，因为

4.1K2 0

Nest.js 从零到壹系列（一）：项目创建&路由设置&模块

按照提示，进入项目，不出意外，目录应该是这个样子的： ? 运行 yarn run start 或 yarn start，会看到控制台输出如下信息，表示服务已启动： ? 二、Hello World!...还是 app.controller.ts，在 @Controller()写入 lesson-1，这样的话就表示当前文件中，所有的路由都有了前缀 lesson-1： // src/app.controller.ts...原因是可能之前装过 typescript 或者 nestjs 脚手架，然后新建项目的时候，typescript 版本比较旧，只需在项目中更新到 3.7.0 以上： $ yarn add typescript...Controller：传统意义上的控制器，提供 api 接口，负责处理路由、中转、验证等一些简洁的业务； Service：又称为 Provider，是一系列服务、repo、工厂方法、helper 的总称...在本篇中：Service 负责处理逻辑、Controller 负责路由、Module 负责整合。通过实战可以看出，Nest 还是相对简单的，唯一的障碍可能就是 TypeScript 了。

4.9K5 1

为什么不学基于TypeScript的Node.js服务端开发？

我们早就知道，如今的JavaScript已经不再是当初那个在浏览器网页中写写简单的表单验证、没事弹个alert框吓吓人的龙套角色了。...记得第一次使用JavaScript开发服务端程序，还是在我读大学的时候，那时学习编写古老的ASP页面程序，默认是用VBScript编写的，可是我不太喜欢VBScript的语法，我就去看微软的MSDN文档...只可惜，Jaxer在开发圈子里还是没有真正火起来。后来，Node.js出现了。...NestJS这个框架算是到目前为止，对TypeScript支持的最好的一个Node.js服务端框架了，它的上层框架实现了一套通用的框架机制如：模块、自定义装饰器、依赖注入、控制器、过滤器、管道、守卫、中间件和拦截器等功能...今天我就这么简单的扯一通，我准备在后面的文章或视频教程中，一点一点和大家深入探讨TypeScript和NestJS的各种功能特性。

3.4K3 0

真实高质量低代码商业项目，前端后端运维管理系统（友客fx）

前后端分离开发：在Vue.js 项目中集成低代码编辑器时，应采用前后端分离的开发模式。这意味着前端负责用户界面和交互逻辑，而后端则处理业务逻辑和数据存储。这样可以提高开发效率并确保系统的可维护性。...在使用egg.js 进行后端开发时，应充分利用TypeScript的类型系统，为所有模型、控制器和中间件接口定义明确的类型。...在这种情况下，TypeScript的泛型、接口和抽象类等功能可以帮助开发者更安全地进行代码重构，而不会引入新的错误。性能优化：在TypeScript中编写高性能代码需要关注内存使用和执行效率。...使用TypeScript开发后端时，应该利用其强大的类型系统来增强安全性，例如通过类型注解来确保输入数据的格式正确，从而防止常见的XSS和CSRF攻击。...在配置和优化Nuxt3以提高其性能时，可以考虑以下几个方面：使用异步数据模型：为了处理大量并发请求而不增加服务器线程的负担，应使用异步数据模型。

591 0

后端开发效率：缓存的关键作用

最重要的是，数据存储在 RAM 中，这可能不理想，尤其是当您的服务器或托管机器资源有限时。...如果数据已经存在于缓存数据库中，则服务不会参与该过程。在注入缓存管理器之后，我们在控制器中定义了一个名为 getSampleData 的函数。...此方法将指定的值存储在缓存数据库中，与键相关联。接下来，我们介绍一下 del(key) 方法。当调用该函数时，此函数将从缓存数据库中删除与此键关联的数据。最后，我们研究一下 reset() 方法。...在理解了上述功能后，我们来增强控制器中的 getSampleData 函数。当接收到一个请求时，控制器首先会检查缓存数据库。如果存在缓存数据，控制器会立即将数据返回给用户，而不用调用服务。...在检索到数据后，将其转换为字符串并使用 this.cacheManager.set('UD', JSON.stringify(fetchedSampleData)) 以键“UD”存储在缓存数据库中。

761 0

React、TypeScript、NodeJS 和 MongoDB 搭建 Todo App

在本教程中，我们将在服务器和客户端使用 TypeScript、React、NodeJS、Express 和 MongoDB 从头开始构建一个 Todo 应用程序。我们从设计 API 开始。...API 路由创建服务器用 React 和 TypeScript 创建客户端启动创建 Todo 类型从 API 获取数据创建组件添加 Todo 表单展示 Todo 获取和展示数据资源...我们还有一个 app.ts，它是服务器的入口。控制器、类型和路由也在它们各自以它们命名的的文件夹中。现在，我们需要配置 tsconfig.json，使编译器运行我们的首选项。...创建服务器在创建服务器之前，我们需要在 nodemon.json 加一些环境变量来保存 MongoDB 的凭据。...现在，如果你打开服务器端应用程序的文件夹（并在终端中执行以下命令）： yarn start 在客户端也如此： yarn start 你应该能看到我们的 Todo 应用程序会按预期工作。太棒了！

17K3 0

产品前端重构（TypeScript、MVC框架设计）

在构造之初，并没有考虑太多的产品化工作，而主要还是为了快速实现项目中的需求。也并没有对前端代码进行一个较好的架构设计。...这些扩展点包含：模块级别的扩展或替换、模块中的指定界面扩展或替换、控制器中的业务逻辑的扩展或替换，甚至任意逻辑的扩展或替换。...但是我们又需要使用 TypeScript 来编写整个应用程序，而 TypeScript 在语言层面提供了新的面向对象系统，使用后者将导致我们不能使用 EXTJS 5 本身自带的 MVC 模式。...由于视图控件还是采用 EXTJS 中的控件，所以这个 MVC 框架中的 View 其实是图中的 ViewBuilder，其职责为创建 EXTJS 中的控件。...之前全都堆在一个文件中的代码，现在要分为控制器、视图，而且还需要基于统一的底层框架来实现，框架中的 Api 还需要慢慢熟悉，学习门槛高了不少。

1.8K8 0

给Java程序员的Angular快速指南 | 洞见

不过，在 Angular 中，TypeScript 装饰器的实际用途就是为类或属性添加注解而已。因此，有些文章中，包括早期的官方文档中，用的都是注解的说法。当然，以后写新文章还是都用装饰器吧。 ?...表面上看这可能过于宽松了，但在实际开发中还是很有用的，使用中要注意突破 Java 固有思维的限制。在 TypeScript 中还支持可选属性（name?...像后端控制器那样直接写在组件中？没问题！像后端那样委托给服务？没问题！像 Redux 那样委托给单一 Store？没问题！像 Java 8 Stream 那样用流水线生成？没问题！...也就是说，其中的 operator 不知道也不需要关心这个数据是同步传过来的还是异步传过来的。...所以，组件中不应该操纵 DOM，只应该关注视图模型，而指令负责在模型和 DOM 之间建立联系。指令应该是单一职责的，如果需要完成多个职责，请拆成多个指令附加到同一个元素上。

2.3K4 1

8分钟为你详解React、Angular、Vue三大框架

这使得开发者可以选择任何一个库来完成诸如执行网络访问或本地数据存储等任务。这种情况也就决定了React技术在创建网页应用时标准无法统一。 ?...Flux架构的使用为了支持React的单向数据流的概念（与AngularJS/Angular的双向数据流形成对比），Flux架构是流行的模型-视图-控制器(MVC)架构的具有代表性的替代方案。...Flux的特点是，数据动作通过中央调度器发送到一个存储仓库，而对存储仓库数据的变化会被传送回视图。当与React一起使用时，这种传送是通过组件属性完成的。 Flux可以被认为是观察者模式的一个变种。...Flux架构下的React组件不应该直接修改传递给它的任何props，而是应该传递回调函数，这些回调函数可以创建由调度器发送的数据动作来修改存储仓库。...Typescript部分 ? 路由 ? 数据管理定义服务类 ? 调用服务类 ?

22.1K2 0

IPv4要开始收费了？

亚马逊表示，这些收费将适用于所有 AWS 服务，包括EC2、关系数据库服务（RDS）数据库实例、Elastic Kubernetes Service (EKS)，并将适用于所有 AWS 区域（商业、AWSChina...地址： https://hubs.la/Q01ZDWCm0 3.这两天常压室温超导体的新闻，获得很多关注，在韩国之后各国都在努力复现并发表论文加专利。...但对于我们普通人来说，只能说科学家真厉害，希望早运用实际中，据说这样资源就不会太匮乏，世界会和平！...目前企业的集群应该很多都是混合云模式，虽然说资源利用率比以前更高了，但整体的资源开支并不低，所以做到以下部分是有利于未来发展的： 1、镜像即服务 - 内核版本升级、参数优化 - 软件包预装 - 镜像提前...k8s节点 4、云服务商适配 - 公有云到ESS API - 自建IDC 管理系统 - 去除云controller管理依赖未来AC发展： 1、离线深度混部与调优 2、数据存储容器化

2531 0

NodeJS 服务 Docker 镜像极致优化指北

本篇文章就将我在服务 Docker 化的过程中积累起来的优化经验分享出来，供大家参考。...日志的持久化存储无论是为了排障还是审计的需要，后台服务总是需要日志能力。按照以往的思路，我们将日志分好类后，统一写入某个目录下的日志文件即可。...但是在 Docker 中，任何本地文件都不是持久化的，会随着容器的生命周期结束而销毁。因此，我们需要将日志的存储跳出容器之外。...这样服务在将日志写入该文件夹时，就能持久化存储在宿主机上，不随着 docker 的销毁而丢失了。当然，当部署集群变多后，物理宿主机上的日志也会变得难以管理。此时就需要一个服务编排系统来统一管理了。...当然，除了看得到的体积数据之外，更重要的优化其实在于，从面向物理机的服务向容器化云服务在架构设计层面上的转变。

1.2K4 0

Nuxt.js，Next.js，Nest.js傻傻分不清？

在传统的客户端渲染中，浏览器首先下载一个空的 HTML 页面，然后通过 JavaScript 请求数据并生成页面内容。这种方式的优点是可以提供更丰富的交互和动态效果，但也存在一些缺点。...Nest.js 是一个基于 TypeScript 的框架，用于构建可扩展和模块化的服务器端应用程序。...$ npm i -g @nestjs/cli $ nest new project-name 定义控制器：在 src 目录下创建您的控制器文件，每个文件将映射到一个路由。...定义路由和请求处理程序：在控制器文件中，使用装饰器和方法来定义路由和请求处理程序。...注册控制器：在模块文件中，将控制器注册到相应的模块中。您可以使用装饰器 @Module 和 controllers 属性来完成这一步骤。

2.3K3 0

Angular2、Ionic、TypeScript、es6的关系？

在Angular 2中，应用是松耦合组件所组成的树。 typescript TypeScript是ES6的超集。至于需不需要使用，在于你所需要的场景。...比如在Angular2中，用TypeScript明显好于ES6。 -- 某网友 TypeScript的开发者c#之父，所以这个TypeScript的很多语言特性是从c#中移过来的。...TypeScript大概是ES7的实现，所以从语法角度来讲，是具有很大优势。TypeScript可选择编译成ES5或ES3，ts文件编译成js文件，并且ts文件可直接在浏览器中调试。...如此看来,@Component和@View为这个空的类添加一些元数据，以给它一个特定的含义。这就是Annotation,他们是以一个声明的方式将元数据添加到代码中。...Decorator Decorator是由Yehuda Katz提出的 ECMAScript 7中建议的标准，让你可以在设计时对类和类的属性进行注解和修改，这听起来很像annotation做的事。

5.2K3 0

使用NestJS搭建服务端应用

每个请求会对应一个控制器，一个控制器中可以有多个子方法用于处理同类型的不同操作。...@Body用于获取http body中的数据 @Query用于获取请求url中的数据在nest文档中，它提供的装饰器还有很多，可以应付各种开发场景，详情请移步：控制器- request。...providers 也是一个数组类型的数据，我们把service层的服务在这里一一引入即可。...http body中所传的json数据，如下所示： image-20220114231123801 DTO层（处理客户端参数）在前面的例子中，我们获取客户端的参数都是直接写在控制器内每个方法的参数中的...那么我们就应该把它封装起来，将数据作为参数传入，这样就大大的提高了代码的可维护性，也就是我们所说的VO层。

2K4 0

Nest.js Cli 详细讲解

它提供了一组命令，可以帮助开发人员快速生成模块、控制器、服务等代码文件，并且可以自动安装所需的依赖项。...Nest CLI 的主要功能包括：创建新的 Nest.js 应用程序生成模块、控制器、服务等代码文件自动安装所需的依赖项支持 TypeScript 和 JavaScript支持单元测试和端到端测试支持..."tsConfigPath": "apps/my-app/tsconfig.app.json" } } }}该文件分为以下几个部分：具有顶级属性的全局部分，用于控制标准和单存储库范围的设置包含有关每个项目的元数据的顶级属性...本部分仅适用于单存储库模式结构。...生成一个控制器 (nest g co) 来定义 CRUD 路径（Controller）。生成一个服务 (nest g s) 来表示/隔离业务逻辑（Service）。

5116 2

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭