消防器材系统

 

 

关于本项目实现：

　　利用angularjs+PHP+mySQL实现数据的交互，通过bootstrap实现系统的界面，利用jQuery实现日期等小功能

 上述系统中中间部分使用angularjs路由config模块完成，好处是内容处于不同页面在切换过程中，导航属于主页面不发生变换

//config代码块
.config(function($routeProvider) {
	$routeProvider
	.when("/qicai", {
	    templateUrl: "qicai.html",
	    controller: "qicai"
	})
	.when("/hetong", {
	    templateUrl: "hetong.html",
	    controller: "hetong"
	})
	.when("/songhuodan", {
	    templateUrl: "songhuodan.html",
	    controller: "songhuodan"
	})
	.when("/tjNewHetong", {
	    templateUrl: "tjNewHetong.html",
	    controller: "tjNewHetong"
	})
	.otherwise({
	    //重定向
	    redirectTo: "qicai"
        });
})    

　　

 所有数据来源均使用angularjs+php+mySQL实现，使用ng-repeat遍历从PHP返回的数据

<tbody>
	<tr ng-repeat="i in data">
	　　<td>{{i.id}}</td>
	　　<td>{{i.name}}</td>
	　　<td>{{i.price}}</td>
	　　<td>{{i.gname}}</td>
	　　<td>{{i.qdate}}</td>
	　　<td class="text-center">
	　　　　<input type="button" class="btn btn-info " data-toggle="modal" data-target="#info" value="修改" ng-click="select(i)" />
	　　　　<input type="button" class="btn btn-danger" data-toggle="modal" data-target="#delete" value="删除"  ng-click="delete(i)"/>
	　　</td>
	</tr>
</tbody>