品优购之SSM框架分离以及angularJS前端分离概念

就像后端SSM框架分离一样,前端的angularJs也分层不同机构,方便查看和修改代码

一.SSM框架主要有几部分:

parent用来存放所有项目所用到的jar给小弟们使用,并同意jar的版本,小弟们就直接拿,不用理版本的事情了

common存放那些比较负责又通用的方法,比如fastDEF用到的存放到服务器里的图片,那个要很多步骤,很多web都要使用,所以放在common里,让那些web引入common就可以省掉一些方法

pojo存放各个对象以及那些对象对应的方法给service使用 (逆向工程创建出来的)

dao存放各个对象的增删改查方法,存放增删改查方法运用到的数据库语句给service使用(逆向工程创建出来的)

interface用来创建接口

serivce继承interface的方法,调用pojo得到对象传给前端,调用dao里的mapper来执行的数据库操作

web里存放html css js等等,主要是界面给别人用图形操作来增删改查,controller也在java里,因为html主要是通过浏览器里http里的url来调用的,如www.baidu.com,而controller也是根据url来访问的

人们通过浏览器url地址来访问controller里的方法,方法调用service里的方法,service根据dao里的sql语句改变数据库,根据pojo里的对象返回给前端想要的数据

二.angularJS分离

angularJS是框架,所以需要在html引入框架

angularJS分为base.js,service,controller和

1.base创建angular.module的模板var app,并给他命名为pinyougou,html要运用这个模板就要ng-app=“pinyougou”

var app = angular.module(‘pinyougou’,[]);

2.service为服务层,用来存放访问方式和地址,弄一个名字,让controller访问得到,里面有一个$http,需要用它来实现url的访问

app.service("brandService",function($http){
    this.findAll=function(){
        return $http.get('../brand/findAll.do');
 }

3.controller层

有一个base.js用来存放常用的方法,如分页,如果需要baseController的话就继承它

KaTeX parse error: Expected '}', got 'EOF' at end of input: …seController',{scope:$scope});//继承

有一些要命名给html使用且传一些需要用到的.拿到service的url地址,判断如果success成功了应该怎么做

如下: $scope实现和html的数据对接,得到brandService才能使用里面的方法得到url的实现

app.controller(‘brandController’ ,function($scope,$controller ,brandService){
//读取列表数据绑定到表单中
$scope.findAll=function(){
brandService.findAll().success(
function(response){
$scope.list=response;
}
);
}

4.html

html需要引入angular的框架,引入需要的service和controller层

在那个html里确认用到的模板和controller,如ng-app=“pinyougou” ng-controller=“brandController”