这篇博客总结了作者完成SSM黑马商城项目后的感想和部分技术点的学习。虽然整体感觉收获不大，但作者提到了在项目中应用AngularJs的基础操作，包括环境搭建、分层架构、数据绑定和事件处理等。此外，还介绍了如何使用dataTable数据表格以及zTree的相关配置和数据格式。
1.敲完代码后的总结
- 第一感觉就是没什么收获。ssm的特点都没有用到。
- 只是为了完成功能，没有缓存，没有事务。
- 数据库代码都是现成的，基本上没有写sql，都是单表操作。
2.还是有一点点收获
2.1 angularJs的基本使用
只是列举项目中用到的内容
环境搭建：导入angular的js文件，以及依赖的js
angular分层：controller，service
- 提供一个base.js负责提取angular的公共代码定义
var app = angular.module('XXX_angular', []);
- 定义Controller
app.controller('XXXController', function($scope,XXXService) {
$scope.XXX= function(){
/*controller中定义的方法，XXX是方法名
通常controller都会调用service层去请求数据,
所以在Controller的function中需要应用XXXService，
这样就可以调用XXXService中的方法
*/
XXXService.XXX(/*参数*/).success(function(response){
/*
调用方法当然可以传递参数，
response是返回值
通常在这里对查询到的数据进行处理
*/
alert(response);
});
}
});
- 定义Service
app.service('XXXService', function($http) {
this.XXX = function (/*参数*/XX) {
return $http.post("请求后台",/*请求参数*/XXX);
}
/*
根据名称查询Product
*/
this.findProductByName = function (name) {
return $http.post("../product/findProductByName.do",name);
}
});
- 页面要使用angular
<!--
ng-app="XXX_angular"：
指定作用范围，可以是任何标签，通常在body标签中，这样可以作用在整个html
ng-controller="XXXController"
指定Controller名称必须和Controller中的一样
ng-init="findSlideshowImg()"
指定初始化方法，一般做页面初始化数据的作用
-->
<!--
引入js的步骤，
1.原生的js源码包
2.jQuery
3.angular.js
4.base.js
(baseService)
5.service
(baseController)
6.controller
-->
<body ng-app="portal_angular"
ng-controller="XXXController"
ng-init="findSlideshowImg()">
-
angular
ng-model=“数据绑定”
下拉框绑定数据
ng-options=“brand.id as brand.name for brand in brandlist”
$scope.XXX全局关键字
ng-click=“点击事件”
ng-src=“请求地址”
ng-href=“请求地址”
{ {取值}}
ng-repeat="adContent in adContents"循环标签 -
绑定数据的固定做法
赋值
ng-model="productInfo.product.price"
ng-model="productInfo.productDesc.introduction"
取值
$scope.productInfo = {
product:{
},productDesc:{
}};
值的传递必须以对象的形式
ng-model="stringvalue"
var str = $scope.stringvalue;
这样是取不到值的，必须要
ng-model="stringInfo.stringvalue"
var str = $scope.stringInfo.stringvalue;
把字符串变成对象
- 继承某个controller
app.controller('productsController', function($scope,$controller){
/*继承controller，注意js的引用*/
$controller('baseController',{
$scope:$scope});
});
- $location
$location.href = “”；页面跳转
var productId = $location.search().pId;获取请求参数
2.2 dataTable数据表格的使用
- 引入相关js
<script src="assets/js/jquery.dataTables.min.js"></script>
- 定义好table标签，并且把表格头定义好
<table class
最低0.47元/天 解锁文章
扫一扫
1376
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
