Spring Boot 商城项目

angularJS Demo1

<html>

<head>

<title>angularJS Demo1</title>

<script src="angular.min.js"></script>

</head>

<body ng-app>

{{+}}

</body>

</html>

 Demo2

<html>

<head>

<title>angularJS Demo1</title>

<script src="angular.min.js"></script>

</head>

<body ng-app>

请输入姓名:<input ng-model="name">

<br>

{{name}}你好

</body>

</html>

 Demo3

<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>

 Demo4

<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>

 Demo5

<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.list=[

        {name:'张三',math:,yuwen:},

        {name:'李四',math:,yuwen:},

        {name:'王五',math:,yuwen:}

    ];

});

</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>

Spring Boot 商城项目的更多相关文章

  1. 有哪些值得学习的spring boot开源项目？

    1. awesome-spring-boot 首先给大家介绍的就是Spring Boot 中文索引,这是一个专门收集 Spring Boot 相关资料的开源项目,也有对应的导航页面. 产品主页 htt ...

  2. 15 个优秀开源的 Spring Boot 学习项目，一网打尽！

    Spring Boot 算是目前 Java 领域最火的技术栈了,松哥年初出版的 <Spring Boot + Vue 全栈开发实战>迄今为止已经加印了 8 次,Spring Boot 的受 ...

  3. 15 个优秀开源的 Spring Boot 学习项目

    Spring Boot 算是目前 Java 领域最火的技术栈了,松哥年初出版的 <Spring Boot + Vue 全栈开发实战>迄今为止已经加印了 8 次,Spring Boot 的受 ...

  4. SpringCloud 微服务一：spring boot 基础项目搭建

    spring cloud是建立在spring boot的基础上的,而之前虽然听说过,也随便看了一下spring boot,却没有真正使用,因此还必须先花时间学一下spring boot. spring ...

  5. Spring boot Gradle项目搭建

    Spring boot Gradle项目搭建 使用IDEA创建Gradle工程     操作大致为:File->new->Project->Gradle(在左侧选项栏中)     创 ...

  6. 【spring】1.2、Spring Boot创建项目

    Spring Boot创建项目 在1.1中,我们通过"Spring Starter Project"来创建了一个项目,实际上是使用了Pivotal团队提供的全新框架Spring B ...

  7. 最近做的一个Spring Boot小项目，欢迎大家访问 http://39.97.115.152/

    最近做的一个Spring Boot小项目,欢迎大家访问 http://39.97.115.152/,帮忙找找bug,网站里有源码地址 网站说明 甲壳虫社区(Beetle Community) 一个开源 ...

  8. 1.spring boot初始化项目

    初始化spring boot项目的方式非常多,如使用Spring Tool Suite.使用IntelliJ IDEA.使用NetBeans.在start.spring.io网站中.curl命令.sp ...

  9. 使用IDEA搭建Spring Boot入门项目

    简介 Spring Boot是由Pivotal团队提供的全新框架,其设计目的是用来简化新Spring应用的初始搭建以及开发过程.该框架使用了特定的方式来进行配置,从而使开发人员不再需要定义样板化的配置 ...

随机推荐

  1. oracle18c linux x86-64 install 杂记

    132 yum install libstdc++-devel 133 yum install compat-libstdc++-33 135 yum install compat-libcap1 1 ...

  2. virtualbox谨记：win7上只有4.3.x的版本支持ubuntu14.04.3虚拟机安装Oracle Rac，其他的版本3.x和5.0.2（至2015-08-30）均不可以

    virtualbox谨记:win7上只有4.3.x的版本支持ubuntu14.04.3虚拟机安装Oracle Rac,其他的版本3.x和5.0.2(至2015-08-30)均不可以

  3. WebGL 着色器语言（GLSL ES）

    1.类型转换内置函数 转换/函数/描述 转换为整形数/int(float)/将浮点数的小数部分删去,转换为整形数(比如,将3.14转换为3) 转换为整形数/intl(bool)/true被转换为1,f ...

  4. QT 实现QGraphicsProxyWidget对象可选择或移动（item管理实现）

    上篇博文<QT QGraphicsProxyWidget对象可选择或移动的一些tricks>介绍了实现QT QGraphicsProxyWidget对象可选择或移动的一些小的第三方技巧,但 ...

  5. symfony分页实现方法

    1.symfony分页是要用到组件的,所以这里使用KnpPaginatorBundle实现翻页 2. 用composer下载 在命令行中:  composer require "knplab ...

  6. php单元测试断言方法

    1.assertArrayHasKey() 用法:$this->assertArrayHasKey('foo', ['bar' => 'baz']); 等同于array_key_exist ...

  7. Floyd 和 bellman 算法

    Floyd-Warshall算法(Floyd-Warshall algorithm)是解决任意两点间的最短路径的一种算法,可以正确处理有向图或负权的最短路径问题,同时也被用于计算有向图的传递闭包. F ...

  8. C 复制字符串

    不是C++的string, 而是C的字符串复制,  以前一直使用strcpy(), 其实也可以使用sprintf(destbuf, "%s", srcbuf);  偶有所得,  其 ...

  9. Python easyGUI 猜数字

    import easygui as g import random d=random.randint(0,10) while 1: g.msgbox("现在开始猜数字小游戏:") ...

  10. SpringBoot thymeleaf模板版本，thymeleaf模板更换版本

    SpringBoot thymeleaf模板版本 thymeleaf模板更换版本 修改thymeleaf模板版本 ================================ ©Copyright ...