Spring Boot 商城项目

时间  2019-11-18
标签 spring boot 商城 项目 栏目 Spring 繁體版
原文   原文链接

Spring Boot 商城项目html

angularJS Demo1app

<html>
<head>
<title>angularJS Demo1</title>
<script src="angular.min.js"></script>
</head>
<body ng-app> {{100+200}} </body>
</html>

 Demo2spa

<html>
<head>
<title>angularJS Demo1</title>
<script src="angular.min.js"></script>
</head>
<body ng-app> 请输入姓名:<input ng-model="name">
<br> {{name}}你好 </body>
</html>

 Demo3code

<html>
<head>
<title>angularJS Demo1</title>
<script src="angular.min.js"></script>
</head>
<body ng-app ng-init="name='克里斯'"> 请输入姓名:<input ng-model="name">
<br> {{name}}你好 </body>
</html>

 Demo4htm

<html>
<head>
<title>angularJS Demo</title>
<script src="angular.min.js"></script>
<script>
//创建模块
var app=angular.module("myApp",[]); //建立控制器 $scope就是控制层与视图层直接交换数据的桥梁
app.controller("myController",function($scope){ $scope.add=function(){ $scope.z=parseInt($scope.x) + parseInt($scope.y); } }); </script>
</head>
<body ng-app="myApp" ng-controller="myController"> 第一个数:<input ng-model="x"><br> 第二个数:<input ng-model="y"><br>
<button ng-click="add()">计算</button>
<br> 计算结果:{{z}} </body>
</html>

 Demo5blog

<html> <head> <title>angularJS Demo 7</title> <script src="angular.min.js"></script> <script> //创建模块 var app=angular.module("myApp",[]); //建立控制器 $scope就是控制层与视图层直接交换数据的桥梁 app.controller("myController",function($scope){ $scope.list=[ {name:'张三',math:100,yuwen:100}, {name:'李四',math:80,yuwen:90}, {name:'王五',math:70,yuwen:60} ]; }); </script> </head> <body ng-app="myApp" ng-controller="myController"> <table> <tr> <td>姓名</td> <td>语文</td> <td>数学</td> </tr> <tr ng-repeat="entity in list"> <td>{{entity.name}}</td> <td>{{entity.math}}</td> <td>{{entity.yuwen}}</td> </tr> </table> </body> </html>
相关文章
相关标签/搜索
每日一句
    每一个你不满意的现在，都有一个你没有努力的曾经。
本站公众号
   欢迎关注本站公众号,获取更多信息
联系我们 最近搜索 最新文章 沪ICP备13005482号-10 MyBatis教程 SQL 教程 MySQL教程 Java 教程 Thymeleaf 教程 Hibernate教程 Spring教程 Redis教程