Java之品优购课程讲义_day03（4）

最新推荐文章于 2024-08-19 16:01:20 发布
最新推荐文章于 2024-08-19 16:01:20 发布
阅读量73 收藏
点赞数
文章标签： java javascript ViewUI
原文链接：http://blog.51cto.com/13517854/2154101
版权

规格管理
4.1 需求及表结构分析4.1.1 需求
实现规格管理功能
Java之品优购课程讲义_day03（4）
4.1.1 表结构
Java之品优购课程讲义_day03（4）
4.2 规格列表
4.2.1 引入 JS
修改 pinyougou-manager-web 工程的 specification.html

<script  type="text/javascript"  src="../plugins/angularjs/angular.min.js">    </script>

<script  src="../plugins/angularjs/pagination.js"></script>

<link  rel="stylesheet"  href="../plugins/angularjs/pagination.css">

<script  type="text/javascript"  src="../js/base_pagination.js">    </script>

<script  type="text/javascript"  src="../js/service/specificationService.js">
</script>

<script  type="text/javascript"  src="../js/controller/baseController.js"></script>

<script  type="text/javascript"  src="../js/controller/specificationController.js">
</script>

4.2.1 放置分页组件

&lt;tm-pagination conf="paginationConf"&gt;&lt;/tm-pagination&gt;
4.2.1 指令与表达式
在 body 元素指定模块名和控制器名

<body  class="hold-transition  skin-red  sidebar-mini"

ng-app="pinyougou"    ng-controller="specificationController"  >

循环表格行

<tr  ng-repeat="entity  in  list">

<td><input    type="checkbox"  ></td>

<td>{{entity.id}}</td>

<td>{{entity.specName}}</td>

<td  class="text-center">

<button  type="button"  class="btn  bg-olive  btn-xs"  data-toggle="modal" data-target="#editModal">修改</button>

</td>

</tr>

4.3 新增规格
4.3.1 新增行的实现
修改 specificationController.js 新增以下代码

//新增选项行

$scope.addTableRow=function(){

$scope.entity.specificationOptionList.push({});

}
specification.html “新建选项”按钮

<button  type="button"  class="btn  btn-default"  title="新建"
ng-click="addTableRow()"><i  class="fa  fa-file-o"></i>  新建</button>

循环列表行，绑定表格内的编辑框

<tr  ng-repeat="pojo  in  entity.specificationOptionList">

<td><input    type="checkbox"></td>
<td>

<input  ng-model="pojo.optionName"  class="form-control"  placeholder="规格选项">

</td>

<td>

<input  ng-model="pojo.orders"  class="form-control"  placeholder="排序">

</td>

</tr>

注意：要修改 specification.html “新建”按钮，弹出窗口时对 entity 进行初始化，否则向集合添加数据时会报错！

< button type="button" class="btn btn-default" title=" 新 建 " data-toggle="modal"
data-target="#editModal" ng-click="entity={'specificationOptionList':[]}"><i class="fa fa-file-o"></i> 新建</button>

转载于:https://blog.51cto.com/13517854/2154101

weixin_33862188
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
品优购项目学习总结
weixin_40808835的博客
05-16 2097
品优购项目总结 之前在学习java的时候自己做过一个商城项目，采用的是SSH框架做的，当时也是为了学习SSH框架，属于那种OA系统，很单一。后来看资料发现了传智播客的品优购项目，找到了资料学习。从开始到结束，差不多用了一个月的时间，期间没有用提供的虚拟机，自己在阿里云上部署了一个服务器，也算把所有内容自己尝试了一下，包括安装FastDFS这些。 做的过程中遇到了很多的问题。开这个帖子的目的呢，一...
品优购_day03_课程讲义_V1.31
08-08
品优购电商系统开发第3章规格及模板管理传智播客.黑马程序员 课程目标目标1：理解和运用angularJS的service目标2：理解和运用控制器继承目标3：掌握
实践项目二：品优购电商项目
qq_64133626的博客
03-13 1611
效果展示： 【项目前提】 掌握HTML语义化标签； 掌握css基本语法； 掌握css选择器的使用； 掌握css盒子模型； 掌握css浮动； 掌握css定位； 会使用精灵图及图标字体； 【项目说明】 品优购网上商城是一个综合性的B2B2C 平台，类似京东商城、天猫商城。网站采用商家入驻的模式，商家入驻平台提交申请，有平台进行资质审核，审核通过后，商家拥有独立的管理后台录入商品信息。商品经过平台审核后即可发布。 通过本阶段的学习我们需要实现品优购网上商城网站前台的部分页面。包括品优购网站首.
品优购项目总结
m0_62907534的博客
11-08 2490
提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档 文章目录前言一、头部模块的作用？二、使用步骤1.引入库2.读入数据总结 前言 提示：这里可以添加本文要记录的大概内容： 在完成品优购这个项目中，使用了很多的小技巧，现在就进入一下头部模块的生成展示。 提示：以下是本篇文章正文内容，下面案例可供参考 一、头部模块的作用？ 一个网页的头部部分，主要展示了该网站的logo、搜索栏、以及快捷方式等内容。所以 二、使用步骤 1.引入库 代码如下（示例）： import numpy as np im
关于品优购项目的一些笔记和心得体会（一）
yanya97的博客
11-25 2504
关于品优购项目的一些笔记和心得体会（一） 项目名称：品优购 项目描述：品优购是一个电商网站，我们要完成首页、列表页、详情页、注册页面的制作 项目目的：复习、总结、提高前面所学布局技术。 【1】SDO优化 要做好一个成功的网站，一定要注意代码中的SDO优化，以下是我在品优购项目中所涉及到的SDO优化部分 网站TDK三大标签的SDO优化 2、logo模块的SDO优化方法 （1）logo 里面首先放...
Web前端开发——品优购项目(上)
WikY
08-25 1万+
品优购项目介绍 项目名称：品优购 项目描述：品优购是一个电商网站，我们要完成 PC 端首页、列表页、注册页面的制作 主页 列表页 注册页 品优购项目的学习目的 电商类网站比较综合，里面需要大量的布局技术，包括布局方式、常见效果以及周边技术 品优购项目能复习、总结、提高基础班所学布局技术 写完品优购项目，能对实际开发中制作 PC 端页面流程有一个整体的感知 为后期学习移动端项目做铺垫 开发工具以及技术栈 开发工具 VScode 、Photoshop（fw）、主流浏览器（以Chrome浏览器为主）
品优购_day01_课程讲义_V1.2.pdf
07-04
品优购_day01_课程讲义_V1.2.pdf品优购_day01_课程讲义_V1.2.pdf品优购_day01_课程讲义_V1.2.pdf品优购_day01_课程讲义_V1.2.pdf品优购_day01_课程讲义_V1.2.pdf品优购_day01_课程讲义_V1.2.pdf品优购_day01_课程...
品优购_day01_课程讲义_V1.31
08-08
【品优购电商系统开发】的课程主要聚焦于分布式框架Dubbox在电商行业的应用，旨在帮助学习者深入理解电商行业的特性和架构设计。课程目标包括： 1. 了解电商行业特点：课程首先会解析电商行业的快速发展背景，强调...
品优购_day16_课程讲义_V1.31
08-08
【品优购电商系统开发-购物车解决方案】 在品优购电商系统的开发中，购物车功能是关键一环，它涉及到用户对商品的选择和购买决策。本课程主要讲解了购物车的需求分析、实现思路以及技术选型，旨在帮助开发者理解和...
品优购_day20_课程讲义_V1.31
08-08
【品优购电商系统开发第20章：品优购系统业务分析】 在电商系统开发中，业务分析是至关重要的一步，它涉及到系统的各种核心功能和流程设计。本章节主要聚焦于两个技术点：SpringTask任务调度和MavenProfile环境切换...
实训报告
exd637df
01-19 461
实训报告 2011年12月30日 　　一、生产成本的归集与分配是基础部分，它对以后几章内容有很大作用。成本归集与分配过程实际上就是成本计算过程。在本次实习中，我们按照成本核算的基本程序，先后对材料费用、职工薪酬、其他费用、辅助生产费用、制造费用、废品损失、完工产品和在产品七个方面进行了分章做题练习，经过实习我基本能够对这些费用进行分配。在这些章节中难度不大，只要掌握了一些方法，在加耐心做...
基于HTML(品优购)电商项目项目的设计与实现（html前端源码和论文设计）
热门推荐
weixin_40228600的博客
02-21 1万+
XXXX职业学院 毕 业 论 文 题 目： 基于HTML品优购项目的设计与实现 所属系部： 信息工程学院 专业班级： 学生姓名： 指导教师： 2020 年 11 月 29 日 摘 要 品优购网上商城是一个综合性的 B2B2C 平台，类似京东商城、天猫商城。网站采用商家入驻的模式，商家入驻平台提交申请，有平台进行资质审核，审核通过后，商家拥有独立的管理后台录入商品信息。商品经过平台审核后即可发布。 品优购网上商城主要分为网站前台、运营商后台、商家管理后台三个子系统 网
03、品优购——架构以及相关技术介绍
一诺
09-10 6558
       本篇主要对于项目所使用到的架构以及相关架构进行分析、比较，并对项目中所涉及的技术进行介绍，方便大家在接下来的开发过程中使用（未涉及的技术大家可以提前了解一下哦！）。 一、架构演进        传统企业架构（垂直架构）：无论项目大小以及业务复杂性，统一在一个项目中实现。 特点：优点：结构简单、易于开发；            缺点：耦合度高（各个模块不易分离、模块间影响较大一...
品优购项目学习总结（一）
爱前端的程序媛的博客
02-17 1181
网站的ico图标 这个图标就是主页面上面的小图标，与页面的title一起显示的。 图标的引用 <!--图标--> <linkrel="shortcuticon"href="bitbug_favicon.ico"/> href：值为图标的路径 注意：图标最好要放在项目的根目录下，防止出错 图标的制作 链接——比特虫在线制作 这...
Java之品优购课程讲义_day06（6）
weixin_34252686的博客
08-22 87
4.1保存选中规格选项我们需要将用户选中的选项保存在 tb_goods_desc 表的 specification_items 字段中，定义 json格式如下： [{“attributeName”:”规格名称”,”attributeValue”:[“规格选项 1”,“规格选项 2”.... ] } , .... ]（1）在 baseController.js 增加代码 ...
Java之品优购课程讲义_day03（2）
weixin_34321753的博客
08-02 73
控制器继承2.1 需求分析有些功能是每个页面都有可能用到的，比如分页，复选等等，如果我们再开发另一个功能， 还需要重复编写。怎么能让这些通用的功能只写一次呢？我们通过继承的方式来实现。2.2 前端代码2.2.1 建立父控制器在 pinyougou-manager-web 的 js/controller 目录下建立 baseController.js //基本控制层 app.controller(...
【链表在Java中DeBug】
最新发布
在这个充满危险的乱世之中，只有学会烤鸡才能顽强的活下去。
08-19 142
时，你实际上是在告诉当前节点 cur：“你的下一个节点应该是这个新创建的节点。，你将 cur 的引用更新为新创建的节点，这样 cur 现在就指向了你刚刚添加到链表末尾的节点。实际上，head 是一个固定的引用，它始终指向链表的第一个节点（即头节点）。当你看到链表似乎“增长”了，这实际上是因为你通过操作 cur（当前节点的引用）在链表的末尾添加了新的节点。所以，当你看到链表“增长”时，你实际上是在通过更新节点之间的链接（即 next 指针）来扩展链表结构。它只是保持了对链表起始节点的引用。
JAVA进阶补充
2301_80150315的博客
08-15 984
概念：把已经有的方法拿过来用，当作函数式接口中抽象方法的方法体条件：引用处必须是函数式接口被引用的方法需要已经存在被引用方法的形参和返回值需要跟抽象方法的形参和返回值保持一致被引用方法的功能需要满足当前需求：方法引用符意义：就是为让控制台的报错信息更加的见名知意自定义异常的步骤：定义异常类写继承关系空参构造带参构造​file对象就表示一个路径，可以是文件的路径、也可以是文件夹的路径；这个路径可以是存在的，也允许是不存在的构造方法描述根据文件路径创建对象。
品优购电商系统开发讲义：分布式框架Dubbox解析
"品优购项目的第一天讲义，涵盖了电商行业分析、技术特点、主要电商模式以及分布式框架Dubbox的应用" 本讲义主要介绍了品优购电商系统开发的初步知识，旨在帮助学员理解电商行业的背景、特点和技术需求。首先，讲义...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值