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. tftp + bras

    Ubuntu 12.04 网卡设置 开发板ip时192.168.0.2,设置的服务ip是192.168.0.1 因此在主机上/etc/network/interfaces添加如下内容 auto eth ...

  2. vue如何加入百度联盟广告

    在百度联盟代码位管理中创建好对应的代码位之后,点击获取代码,会看到这样一段js 直接复制粘贴到自己网页中便可显示对应广告. 在vue中由于都是vue组件,不支持直接在组件中加入这样一段一段的js代码, ...

  3. windows xp\2003 之上的操作系统多启动（多系统）引导

    概要技术: 微软自windows vista以来的操作系统引导bootmgr是真的很强大,只是因为其全底层的命令操作,且不友好的命令帮助让人望而却步! 基本技术概要提点: boot.ini 支持:xp ...

  4. Lua之转义字符

    print("\a");    --bell 硬件滴一声 print("a"); print("\b");    --back space  ...

  5. Go 语言机制之逃逸分析

    https://blog.csdn.net/weixin_38975685/article/details/79788254   Go 语言机制之逃逸分析 https://blog.csdn.net/ ...

  6. kendo-ui表单验证

    摘要: 表单验证是每一个项目必不可少的,他能够帮助我们过滤不正确的用户输入,保证系统数据正确.例如下面这样: kendo-ui也有自己的表单验证方法,下面就分享下kendo-ui的表单验证方式. 基本 ...

  7. aspose导出excel文件

    using Aspose.Cells; using System; using System.Collections.Generic; using System.Data; using System. ...

  8. MySQL使用DDL语句创建表

    一.使用DDL语句创建表 DDL语言全面数据定义语言(Data Define Language) 主要的DDL动词: CREATE(创建).DROP(删除).ALTER(修改) TRUNCATE(截断 ...

  9. 搭建ntp服务器

    1.同步网络时间 先关闭掉ntp服务,使用ntpd同步网络时间. /etc/init.d/ntpd stop ntpdate 2.hk.pool.ntp.org 网络时间可以从http://www.p ...

  10. mybatis 之 parameterType="java.util.List"

    <!-- 添加 --> <insert id="saveBatchMemberRoleConnRepModel" parameterType="java ...