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. level 1 -- unit 4 -- where 引导的疑问句

    where be sb/sth 询问地点,用where where is the restaurant? where are my socks ? where was tome just now? w ...

  2. 为什么React事件处理函数必须使用Function.bind()绑定this？

    最近在React官网学习Handling Events这一章时,有一处不是很明白.代码如下: class Toggle extends React.Component { constructor(pr ...

  3. 1、一、Introduction(入门): 0、Introduction to Android(引进到Android)

    一.Introduction(入门) 0.Introduction to Android(引进到Android) Android provides a rich application framewo ...

  4. Layui：设置select下拉框自动选中某项

    1.问题:layUI,在做编辑功能有下拉框数据时,需要初始化选中某个值,layUI官网没有相关api,可能我比较笨没找到 2.解决思路:出发点击事件 3.分析dom树结构,出发dl点击事件 方法: v ...

  5. Java利用while循环计算1+1/2!+1/3!……+1/20!

    编写程序,用while语句计算1+1/2!+1/3!……+1/20!,并在控制泰山输出计算结果.要求1+1/2!+1/3!……+1/20!,其实就是求1+1*1/2+1*1/2*1/3+……+1*1/ ...

  6. JAXB XML到java object的转换

    JAXB是Java Architecture for XML Binding的缩写.使用JAXB注解将Java对象转换成XML文件.在这篇教程中,我们将会展示如何使用JAXB来做以下事情: 1. ma ...

  7. MongoDB副本集的工作原理

    在MongoDB副本集中,主节点负责处理客户端的读写请求,备份节点则负责映射主节点的数据. 备份节点的工作原理过程可以大致描述为,备份节点定期轮询主节点上的数据操作,然后对自己的数据副本进行这些操作, ...

  8. PostgreSQL恢复误删数据

    在Oracle中:删除表或者误删表记录:有个闪回特性,不需要停机操作,可以完美找回记录.当然也有一些其他的恢复工具:例如odu工具,gdul工具.都可以找回数据.而PostgreSQL目前没有闪回特性 ...

  9. Elasticseach的评分机制

    lucene 的评分机制 elasticsearch是基于lucene的,所以他的评分机制也是基于lucene的.评分就是我们搜索的短语和索引中每篇文档的相关度打分. 如果没有干预评分算法的时候,每次 ...

  10. 把Model改成Lib

    1.把库的Activity删掉 2.把库的Application节点内容删掉 3.apply plugin:' 包名.library' 4.把ApplicationId去掉, 导入即可使用