商品录入之后端代码以及分析

最新推荐文章于 2024-08-09 11:07:42 发布

原创最新推荐文章于 2024-08-09 11:07:42 发布 · 512 阅读

0 ·

CC 4.0 BY-SA版权

日常总结专栏收录该内容

20 篇文章

订阅专栏

本文探讨了前后端交互的高效方式，包括后端如何通过RESTful API为前端提供数据，以及AngularJS在前端开发中的应用。详细介绍了AngularJS的MVC模式、双向绑定、依赖注入和模块化设计等核心特性，同时展示了如何使用Spring MVC进行数据的增删改查。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

商品录入【sku规格列表】json格式数据最适合动态展示数据。

angalsrjs 对checkbox 赋值指令：ng-true-value="1" ng-false-value="0"

1、依据后端 ——>前台的顺序编写代码：

后端：增删改查，添加和修改操作时可定义一个结果对象，返回给前台添加成功或者修改成功结果的信息对象Result,最好try catch一下

   @RequestMapping("/add")
      public Result add(@RequestBody TbBrand brand){
          try {
              brandService.add(brand);
              return new Result(true,"添加成功");
          } catch (Exception e) {
              e.printStackTrace();
              return new Result(false,"添加失败");
          }
      }

2、将controller交给spring管理可以用注解RestController

3、批量删除：

表现层（controller）：定义一个删除的方法，传递的参数是ids

  //例如：
   public Result delete(Long[] ids){
          try {
              brandService.delete(ids);
              return new Result(true,"删除成功");
          } catch (Exception e) {
              e.printStackTrace();
              return new Result(false,"删除失败");
          }
      }

4、angalar js技术特点：

四大特性：MVC模式双向绑定依赖注入（可以一次注入多个）模块化设计

（1）mvc模式：Model:数据,其实就是 angular 变量($scope.XX); View: 数据的呈现,Html+Directive(指令); Controller:操作数据,就是function,数据的增删改查;

（2）双向绑定：AngularJS 是建立在这样的信念上的：即声明式编程应该用于构建用户界面以及编写软件构建，而指令式编程非常适合来表示业务逻辑。框架采用并扩展了传统 HTML，通过双向的数据绑定来适应动态内容，双向的数据绑定允许模型和视图之间的自动同步。因此， AngularJS 使得对 DOM 的操作不再重要并提升了可测试性。

          <head>
          <title>入门小Demo-1 双向绑定</title>
          <script src="angular.min.js"></script>
          </head>
          <body ng-app>
          请输入你的姓名：<input ng-model="myname">
          <br>
          {{myname}},你好
          </body>
          </html>

（3）依赖注入：依赖注入(Dependency Injection,简称 DI)是一种设计模式, 指某个对象依赖的其他对象无需手工创建，只需要“吼一嗓子”，则此对象在创建时，其依赖的对象由框架来自动创建并注入进来,其实就是最少知识法则;模块中所有的 service 和 provider 两类对象，都可以根据形参名称实现 DI(依赖注入).