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. Global.asax的Application_BeginRequest实现url重写无后缀的代码

    本文为大家详细介绍下利用Global.asax的Application_BeginRequest 实现url重写其无后缀,具体核心代码如下,有需求的朋友可以参考下,希望对大家有所帮助 利用Global ...

  2. 设计模式之初识IoC/DI（六）

    本篇和大家一起学习IoC和DI即控制反转和依赖注入. 当然听上去这词语非常的专业,真不知道是怎么组出来的,看上去难归看上去难,但稍微理解一下也就这么回事了. 首先我们要明白IoC/DI干嘛用的,不然别 ...

  3. mysql中删除binlog的方法?mysql中如何删除binlog?

    需求描述: 在mysql中如何删除binlog,因为随着数据库的运行,mysql中产生的binlog会越来越大,有可能把磁盘撑爆了,所以记录下删除 binlog的方法. 操作过程: 1.通过系统参数控 ...

  4. c#直接调用ssis包实现Sql Server的数据导入功能

    调用ssis包实现Sql Server的数据导入功能网上已经有很多人讨论过,自己参考后也动手实现了一下,上一次笔者的项目中还用了一下这个功能.思前想后,决定还是贴一下增强记忆,高手请54. 1.直接调 ...

  5. VS2010安装包制作全过程图解

    项目的第一个版本出来了,要做个安装包,很久没做过已经有些淡忘了,网上差了差资料,写了一个,总结下,可能还不是很完善,仅作参考. 1.首先在打开 VS2010    >新建>项目 2.创建一 ...

  6. Tomcat------启动出错

    描述:在cmd中,执行startup.bar时,报错:Using CLASSPATH: "E:\Tomcat\bin\bootstrap.jar;E:\Tomcat\bin\tomcat-j ...

  7. sublime + emmet(Zen Coding)

    今天接触sublime这个编辑器,一下子就喜欢上它了,以前我一直使用NOTEPAD++,果断换上sublime玩玩,呵呵 编辑功能啥的没话,作为前端开发的话,和emmet(原名叫Zen Coding) ...

  8. Netty权威指南之BIO（Block Input/Output，同步阻塞I/O通信）通信模型

    网络编程的基本模型是Client/Server模型,也就是两个进程之间进行相互通信,其中服务端提供位置信息(绑定的IP地址和监听端口),客户端通过连接操作向服务端监听的地址发起连接请求,通过三次握手建 ...

  9. 【Android】amr文件时长

    一.文件时长获取 String curAudioFile = “XXX.amr”; MediaPlayer mediaPlayer = new MediaPlayer(); mediaPlayer.s ...

  10. c++的字节对齐

    win32平台下的微软C编译器对齐策略: 1)结构体变量的首地址能够被其最宽数据类型成员的大小整除.编译器在为结构体变量开辟空间时,首先找到结构体中最宽的数据类型,然后寻找内存地址能被该数据类型大小整 ...