Bootstrap+AngularJS 尝试

    • 一、项目准备
      • 1、准备 Bootstrap 和 AngularJS
      • 2、准备 jQueryUI 和 jQuery
      • 4、新建 Spring Boot 项目
    • 二、资源引入
    • 三、开始搭建项目
      • 1、AngularJS 模块和指令定义
        • 1.1、模块定义
        • 1.2、路由控制器
        • 1.3、自定义指令
      • 2、视图搭建
        • 2.1、导航栏
        • 2.2、内容视图
      • 3、服务器后台
        • 3.1、Bean
        • 3.2、入口类
      • 4、项目树和Maven依赖
    • 三、运行测试

一、项目准备

1、准备 Bootstrap 和 AngularJS

  • 去官网下载 Bootstrap 和 AngularJS。
  • Bootstrap是美国Twitter公司的设计师Mark Otto和Jacob Thornton合作基于HTML、CSS、JavaScript 开发的简洁、直观、强悍的前端开发框架,使得 Web 开发更加快捷。——百度百科·Bootstrap
  • AngularJS,是一款优秀的前端JS框架,已经被用于Google的多款产品当中。AngularJS有着诸多特性,最为核心的是:MVC(Model–view–controller)、模块化、自动化双向数据绑定、语义化标签、依赖注入等等。——百度百科·AngularJS

2、准备 jQueryUI 和 jQuery

  • jQuery UI , 是以 jQuery 为基础的开源 JavaScript 网页用户界面代码库。包含底层用户交互、动画、特效和可更换主题的可视控件。我们可以直接用它来构建具有很好交互性的web应用程序。
  • jQuery是一个快速、简洁的JavaScript框架,是继Prototype之后又一个优秀的JavaScript代码库(或JavaScript框架)。

4、新建 Spring Boot 项目

  • 在 IDEA 中用项目引导新建一个 Spring Boot 项目,其 Pom 文件如下:
    <?xml version="1.0" encoding="UTF-8"?>
    <project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 https://maven.apache.org/xsd/maven-4.0.0.xsd"><modelVersion>4.0.0</modelVersion><parent><groupId>org.springframework.boot</groupId><artifactId>spring-boot-starter-parent</artifactId><version>1.3.0.M1</version><relativePath/> <!-- lookup parent from repository --></parent><groupId>com.pyc</groupId><artifactId>ch7_4_4</artifactId><packaging>com.pyc.ch7_4_4</packaging><version>0.0.1-SNAPSHOT</version><name>ch7_4_4</name><description>Demo project for Spring Boot</description><properties><java.version>1.8</java.version></properties><dependencies><dependency><groupId>org.springframework.boot</groupId><artifactId>spring-boot-starter</artifactId></dependency><dependency><groupId>org.springframework.boot</groupId><artifactId>spring-boot-starter-web</artifactId></dependency><dependency><groupId>org.springframework.boot</groupId><artifactId>spring-boot-starter-test</artifactId><scope>test</scope><exclusions><exclusion><groupId>org.junit.vintage</groupId><artifactId>junit-vintage-engine</artifactId></exclusion></exclusions></dependency></dependencies><build><plugins><plugin><groupId>org.springframework.boot</groupId><artifactId>spring-boot-maven-plugin</artifactId></plugin></plugins></build></project>
    
  • 在 application.properties 配置日志,如下:
    logging.file=log.log
    logging.level.org.springframework.web=DEBUG
    

二、资源引入

  • 将刚刚准备好的 Bootstrap、AngularJS、jQueryUI 和 jQuery 等框架复制到项目的适当位置。
  • 首先,在 resources 目录下新建一个 static 文件夹,用于存放静态文件;在 static 目录下新建一个 bootstrap 目录用于存放 bootstrap 框架的 css 、js 和 fonts,在 static 目录中新建一个 js 目录,将 AngularJS 和 jQuery 放置其中,再在 static 目录中新建一个 jQueryUI 放置 jQueryUI 框架。
  • 为了 IE 浏览器版本过低,需要两个兼容文件:html5shiv.min.js 和 respond.min.js 文件,这两个文件都可以在互联网上进行下载。

三、开始搭建项目

1、AngularJS 模块和指令定义

1.1、模块定义

  • 这一步主要是编写一个 angular 模块以及访问该模块的路由设置。
  • 在 static 目录中新建一个 js-action 文件夹,再新建一个 JavaScript 文件,取名为 app,用于定义项目要用到的模块,代码如下:
    var actionApp = angular.module('actionApp',['ngRoute']);actionApp.config(['$routeProvider' , function($routeProvider) {$routeProvider.when('/oper', { controller: 'View1Controller', templateUrl: 'views/view1.html', }).when('/directive', {controller: 'View2Controller',templateUrl: 'views/view2.html',});}]);
    
  • 文件第一句定义模块名为:actionApp,依赖路由模块 ngRout;接下来的为模块 actionAPP 的具体定义。
  • $routeProvider 是 AngularJS 中用于负责页面加载和页面路由转向的对象;“/oper” 是第一个页面的路由名称,“/directive” 是第二个页面的路由名称。
  • controller 指定路由的控制器名称,templateUrl 指出视图的地址。
  • 这里用到了两个路由控制器,因此需要定义相应的控制器。

1.2、路由控制器

  • 在 js-action 文件夹中,新建一个 JavaScript 文件,取名为 controller,用于定义页面路由需要的路由控制器,代码如下:
    	actionApp.controller('View1Controller', ['$rootScope', '$scope', '$http', function($rootScope, $scope,$http) {$scope.$on('$viewContentLoaded', function() {console.log('页面加载完成');});$scope.search = function(){personName = $scope.personName;$http.get('search',{params:{personName:personName}}).success(function(data){$scope.person=data;});};
    }]);actionApp.controller('View2Controller', ['$rootScope', '$scope',  function($rootScope, $scope) {$scope.$on('$viewContentLoaded', function() {console.log('页面加载完成');});
    }]);
    
  • 上面定义了两个页面路由控制器,分别命名为模块中用到的路由控制器名。
  • 控制名后面的三个带美元符号的英文单词,用于获取 AngularJS 中的相应对象;在第一个路由控制器中,定义了两个函数,一个用于在页面加载成功时在控制台输出信息,一个是用于获取后台数据。

1.3、自定义指令

  • AngularJS 内置了许多指令,如 ng-repeat 等,功能是用一个简短的指令实现一个前端组件。
  • 使用指令的方式如下:
    元素形式:<指令></指令>
    属性形式:<input type="text" 指令/>
    样式形式:<input type="text" class="指令"/>
    注释形式:<!--directive:指令-->
    
  • 同时 AngularJS 支持自定义指令,例:
    	actionApp.directive('datePicker',function(){return {restrict: 'AC',link:function(scope,elem,attrs){// scope.treeObj = $.fn.zTree.init(elem, scope.settings);elem.datepicker();}};
    });
    
  • 定义指令名称为:”datePicker“,该指令要完成的操作在函数体中定义。
  • restrict 用于指定使用指令的形式,上面的例子中指定使用指令的形式为属性和样式。
  • link 定义指令,调用 jQueryUI 的 datePicker。

2、视图搭建

  • 视图有一个导航栏和两个内容视图。

2.1、导航栏

  • 在桌面应用中,往往有一个菜单栏,而 Web 应用中的也有类似菜单栏的东西,只不过称之为导航栏。
  • 在 static 目录中新建一个 html5 文件,文件名可以取为 action,代码如下:
    <!DOCTYPE html>
    <!--引入自定义模块-->
    <html lang="zh-cn" ng-app="actionApp">
    <head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1"><title>Bootstrap and AngularJS 实战</title>
    <!--    Bootstrap 的CSS--><link href="bootstrap/css/bootstrap.min.css" rel="stylesheet"><link href="jqueryui/jquery-ui.min.css" rel="stylesheet"><style type="text/css">.content{padding: 100px 15px;text-align: center;}</style><!--[if lt IE 9]><script src="js/html5shiv.min.js"></script><script src="js/respond.min.js"></script><![endif]-->
    </head>
    <body>
    <nav class="navbar navbar-inverse navbar-fixed-top"><div class="container"><div id="navbar" class="collapse navbar-collapse"><ul class="nav navbar-nav">
    <!--                使用第一个页面路由--><li><a href="#/oper">后台交互</a> </li>
    <!--                使用第二个页面路由--><li><a href="#/directive">自定义指令</a> </li></ul></div></div>
    </nav>
    <div class="content"><ng-view></ng-view>
    </div>
    <!--导入需要的js脚本-->
    <script src="js/jquery.min.js"></script>
    <script src="jqueryui/jquery-ui.min.js"></script>
    <script src="bootstrap/js/bootstrap.min.js"></script>
    <script src="js/angular.min.js"></script>
    <script src="js/angular-route.min.js"></script>
    <script src="js-action/app.js"></script>
    <script src="js-action/directives.js"></script>
    <script src="js-action/controllers.js"></script>
    </body>
    </html>
    

2.2、内容视图

  • 根据导航栏一共有两个内容,因此需要新建两个 HTML5 文件写两份内容,分别如下,
  • view1:
    	<div class="row"><label for="attr" class="col-md-2 control-label">名称</label><div class="col-md-2"><input type="text" class="form-control" ng-model="personName"></div><div class="col-md-1"><button class="btn btn-primary" ng-click="search()">查询</button></div>
    </div><div class="row"><div class="col-md-4"><ul class="list-group"><li class="list-group-item">名字: {{person.name}}</li><li class="list-group-item">年龄:  {{person.age}}</li><li class="list-group-item">地址:  {{person.address}}</li></ul></div>
    </div>
    
  • view2:
    <div class="row">
    <label for="attr" class="col-md-2 control-label">属性形式</label>
    <div class="col-md-2">
    <!--        属性指令--><input type="text" class="form-control" date-picker></div>
    </div><div class="row"><label for="style" class="col-md-2 control-label">样式形式</label><div class="col-md-2">
    <!--        样式指令--><input type="text" class="form-control date-picker" ></div>
    </div>
    
  • 上面两份文件是用于作为网页内容的,因此不需要网页头等标签了, AngularJS 会将内容视图放置在 导航栏文件中的 <ng-view></ng-view> 处。
  • 以上这些可以说是前端的工作,接下来就是后台的逻辑实现。

3、服务器后台

  • 后台用的语言是 Java,版本为 1.8,框架为 Spring Boot 1.3.0.M1.

3.1、Bean

  • 针对 view1 的内容,编写一个 JavaBean,命名为 Person,代码如下:
    public class Person {
    private String name;
    private Integer age;
    private String address;public Person() {super();}public Person(String name, Integer age, String address) {super();this.name = name;this.age = age;this.address = address;}public String getName() {return name;}public void setName(String name) {this.name = name;}public void setAge(Integer age) {this.age = age;}public Integer getAge() {return age;}public void setAddress(String address) {this.address = address;}public String getAddress() {return address;}
    }
    
  • 放置在 java 目录写的 com.pyc.ch7_4_4 目录下,因为我在 POM 文件中:
    <groupId>com.pyc</groupId>
    <artifactId>ch7_4_4</artifactId>
    <packaging>com.pyc.ch7_4_4</packaging>
    

3.2、入口类

  • 在入口类中增加如下内容:
    @RequestMapping(value = "/search", produces = {MediaType.APPLICATION_JSON_VALUE})
    public Person search(String personName){return new Person(personName,32,"guangdong");
    }
    

4、项目树和Maven依赖

  • 整个项目的项目树如下:
    在这里插入图片描述
  • Maven 依赖图如下:
    在这里插入图片描述

三、运行测试

  • 运行入口类,启动项目,打开浏览器,访问地址:localhost:8080/action.html#/oper,页面初始渲染效果如下:
    在这里插入图片描述
  • 在名称输入框输入数据后点击查询
    在这里插入图片描述
  • 点击导航栏中的自定义指令,跳转到页面2
    在这里插入图片描述
  • 将光标放到输入框,页面自动弹出一个日历视图
    在这里插入图片描述

上一篇
下一篇

查看全文
如若内容造成侵权/违法违规/事实不符,请联系编程学习网邮箱:809451989@qq.com进行投诉反馈,一经查实,立即删除!

相关文章

  1. [后端人员耍前端系列]AngularJs篇:30分钟快速掌握AngularJs

    一、前言 对于前端系列&#xff0c;自然少不了AngularJs的介绍了。在前面文章中&#xff0c;我们介绍了如何使用KnockoutJs来打造一个单页面程序&#xff0c;后面一篇文章将介绍如何使用AngularJs的开发一个单页面应用程序。在开始使用AngularJs开发SPA之前&#xff0c;我觉得有…...

    2024/3/23 20:02:34
  2. AngularJS1.x快速入门

    AngularJS1.x快速入门 1. 简介 AngularJS是一个基于MVC处理模式&#xff0c;实现了MVVM数据双向绑定的用于开发动态web项目的框架。以其数据和展现分离、MVVM、MVC、DI等强大的特性活跃于前端开发市 场&#xff0c;是前端敏捷开发使用的主流的必须掌握的框架之一。 AnuglarJ…...

    2024/3/23 20:02:30
  3. HTML5 Butterfly使用指南

    页面历史 克隆地址一、前端技术入门 在使用Butterfly框架之前需要具备基本的网页开发技术&#xff0c;以下罗列的都是开发WebAPP过程中必须掌握的核心技术。 HTML http://www.w3school.com.cn/html/ HTML5 http://www.w3school.com.cn/html5/index.asp http://www.w3.org/TR/ht…...

    2024/3/23 20:02:31
  4. JS调取电脑本地客户端发送邮件——mailto

    今天我来说一个特别简单的调取本地客户端发送邮件的代码mailto。 要想使用mailto&#xff0c;首先需要你电脑中安装默认的E-mail软件&#xff0c;类似Microsoft Outlook等等。注意&#xff0c;还必须是默认启动哦&#xff0c;不然点击都是没有反应的&#xff0c;设置默认启动可…...

    2024/3/23 20:02:29
  5. 最新web前端面试题大全

    私信发送pdf手册版 1 | 前端基础 1.1 | HTTP/HTML/浏览器  说一下 http 和 https 参考回答&#xff1a; https 的 SSL 加密是在传输层实现的。 (1)http 和 https 的基本概念 http: 超文本传输协议&#xff0c;是互联网上应用最为广泛的一种网络协议&#xff0c;是一个客户端…...

    2024/3/23 20:02:27
  6. AngularJs系列实战 Angularjs名词与概念(一)【转】

    Angularjs,WebAPI 搭建一个简易权限管理系统 —— Angularjs名词与概念&#xff08;一&#xff09; 目录 前言Angularjs名词与概念Angularjs 基本功能演示系统业务与实现WebAPI项目主体结构Angularjs 前端主体结构2. 前言 Angularjs开发CRUD类型的Web系统生产力惊人&#xff0c…...

    2024/3/23 20:02:28
  7. AngularJS组件化--让开发更简单

    AngularJS--组件化<component> 什么是组件化&#xff1f;组件化是将页面中一部分UI分装起来进行重复使用&#xff0c;UI中的数据是可以不同的&#xff0c;甚至组件中可以对UI进行适当的业务逻辑处理&#xff0c;如链接跳转、数据运算。代码&#xff1a;定义组件基础语法结…...

    2024/3/23 20:02:25
  8. 学习AngularJS这一篇就够了

    目录第一章 AngularJS简介1.1、AngularJS简介1.2、AngularJS版本介绍1.3、AngularJS官方地址1.4、AngularJS代码体验第二章 AngularJS方法2.1、字符串大小写转换2.2、对象/数组深度拷贝2.3、对象/数组迭代函数2.4、常见数据类型判断2.5、序列化与反序列化第三章 AngularJS指令3…...

    2024/3/23 20:02:24
  9. 阿里云,AWS,HTTPS和企业支付宝配置

    申请证书 登录&#xff1a;阿里云控制台&#xff0c;产品与服务&#xff0c;证书服务&#xff0c;购买证书。购买&#xff1a;证书类型选择 免费型DV SSL&#xff0c;然后完成购买。 要来回点击寻找一下&#xff0c;因为免费版隐藏了 [外链图片转存失败(img-oJWmi8sS-156723…...

    2024/3/23 20:02:26
  10. 4399公司2017秋招前端笔试试卷

    1、关于数据结构&#xff0c;下列描述当中&#xff0c;正确的是&#xff08;&#xff09; 正确答案: C 在深度为5的满二叉树中&#xff0c;叶子节点的个数为32 队列&#xff0c;栈以及二叉树都是线性结构 算法的复杂度主要包括时间复杂度和空间复杂度 在待排序的元素序列基本有…...

    2024/3/23 20:02:23
  11. ionic之如何设置输入框未输入时按钮不可点击,有输入值时按钮自动变为可点击

    首先贴出演示结果: 那么如何开发这种效果呢&#xff1f;用到了Angular.js中的ng-disabled属性&#xff1a; 核心代码如下&#xff1a; HTML&#xff1a; //提现按钮部分&#xff1a; <div class"button-standard-container"><button class"button b…...

    2024/3/29 19:18:29
  12. Angular 6集成Spring Boot 2,Spring Security,JWT和CORS

    主要内容&#xff1a;Spring Boot 2的基础应用、CORS配置、Actuator监控&#xff1b;Spring Boot集成springfox-swagger&#xff0c;利用Swagger生成JSON API文档&#xff0c;利用Swagger UI、Postman进行Rest API测试&#xff1b;Angular 6新特性&#xff0c;Angular与Spring …...

    2024/3/23 19:02:22
  13. Angular 从 0 到 1 (三)史上最简单的 Angular 教程

    第一节&#xff1a;初识Angular-CLI第二节&#xff1a;登录组件的构建第三节&#xff1a;建立一个待办事项应用第四节&#xff1a;进化&#xff01;模块化你的应用第五节&#xff1a;多用户版本的待办事项应用第六节&#xff1a;使用第三方样式库及模块优化用第七节&#xff1a…...

    2024/3/23 19:02:21
  14. springboot+websocket实现页面后台长连接

    在自己整合websocket时踩了一些坑,给大家分享出来希望可以帮到有需要的小伙伴,我的测试案例中有什么问题请指出,大家共同学习,现在开始上代码; 第一步,添加pom.xml依赖<?xml version"1.0" encoding"UTF-8"?> <project xmlns"http://maven.…...

    2024/3/28 10:37:46
  15. 免费的程序员书籍

    免费的编程中文书籍索引 免费的编程中文书籍索引&#xff0c;欢迎投稿。 国外程序员在 stackoverflow 推荐的程序员必读书籍&#xff0c;中文版。stackoverflow 上的程序员应该阅读的非编程类书籍有哪些&#xff1f; 中文版github 上的一个流行的编程书籍索引 中文版 欢迎订阅…...

    2024/3/29 1:34:55
  16. 2.4K Star!450 个重磅前端开源项目合集推荐

    大家好&#xff0c;我是你们的 猫哥&#xff0c;还是那个不喜欢吃鱼、又不喜欢喵 的超级猫 ~不知不觉&#xff0c;公众号&#xff1a;前端GitHub 和 GitHub 上的仓库 FrontEndGitHub 都已经更新并运营超过半年了呀, 前端GitHub 的定位是如下的&#xff1a;专注于挖掘优秀的前端…...

    2024/3/23 19:02:19
  17. 图书集合

    免费的编程中文书籍索引 [外链图片转存失败(img-nWlttNHU-1563679005689)(https://img.shields.io/github/issues/justjavac/free-programming-books-zh_CN.svg)] [外链图片转存失败(img-HYcajnPC-1563679005690)(https://img.shields.io/github/forks/justjavac/free-program…...

    2024/3/23 19:02:18
  18. WEB前端知识总结

    WEB前端知识总结 文杰快过年啦&#xff0c;高级web、java有意向看机会的私信我哈~​关注他492 人赞了该文章前言 一直想着整理一下关于前端的知识体系和资料&#xff0c;工作忙了些&#xff0c;挤挤总会有的&#xff0c; 资料很多&#xff0c;就看你能不能耐下心坚持去学了&…...

    2024/3/23 19:02:18
  19. 史上最全计算机类编程资料大集合

    你想要的干货&#xff0c;都在这里哟&#xff01; 免费的计算机编程类中文书籍 摘自:github上由justjavac整理的free-programming-books-zh_CN(免费的计算机编程类中文书籍)觉得不错的可以去star和fork一下哟! 写在最前面的话 首先声明,本篇博文并非本人原创,而是摘自github上…...

    2024/3/23 20:02:22
  20. 开源电子书

    操作系统 开源世界旅行手册鸟哥的Linux私房菜The Linux Command Line (中英文版)Linux 设备驱动 (第三版)深入分析Linux内核源码UNIX TOOLBOXDocker中文指南Docker —— 从入门到实践Docker入门实战Docker Cheat SheetFreeRADIUS新手入门Mac 开发配置手册FreeBSD 使用手册Linux…...

    2024/3/23 20:02:21

最新文章

  1. C语言编译与链接

    前言 我们想一个问题&#xff0c;我们写的C语言代码都是文本信息&#xff0c;电脑能直接执行c语言代码吗&#xff1f;肯定不能啊&#xff0c;计算机能执行的是二进制指令&#xff0c;所以将C语言转化为二进制指令需要一段过程&#xff0c;这篇博客讲一下编译与链接&#xff0c;…...

    2024/3/29 22:56:29
  2. 梯度消失和梯度爆炸的一些处理方法

    在这里是记录一下梯度消失或梯度爆炸的一些处理技巧。全当学习总结了如有错误还请留言&#xff0c;在此感激不尽。 权重和梯度的更新公式如下&#xff1a; w w − η ⋅ ∇ w w w - \eta \cdot \nabla w ww−η⋅∇w 个人通俗的理解梯度消失就是网络模型在反向求导的时候出…...

    2024/3/20 10:50:27
  3. 【C++的奇迹之旅】C++关键字命名空间使用的三种方式C++输入输出命名空间std的使用惯例

    文章目录 &#x1f4dd;前言&#x1f320; C关键字(C98)&#x1f309; 命名空间&#x1f320;命名空间定义&#x1f309;命名空间使用 &#x1f320;命名空间的使用有三种方式&#xff1a;&#x1f309;加命名空间名称及作用域限定符&#x1f320;使用using将命名空间中某个成员…...

    2024/3/29 21:46:59
  4. 【Python】使用Python和MinHash计算中文文本相似度

    我的心情总是失落 我懂女孩子是矜持的 你的耳机里到底听的是什么 有没有我熟悉的歌 我想发寻你的传单 可是我没有你的照片 只好写初识游泳馆 大厅的里面 我们不见不散 &#x1f3b5; 赵雷《十九岁》 在处理中文文本数据时&#xff0c;如何快速有效地计算两…...

    2024/3/28 15:59:40
  5. CSRF一-WEB攻防-CSRF请求伪造Referer同源置空配合XSSToken值校验复用删除

    演示案例&#xff1a; CSRF-无检测防护-检测&生成&利用CSRF-Referer同源-规则&上传&XSSCSRF-Token校验-值删除&复用&留空 #CSRF-无检测防护-检测&生成&利用 检测&#xff1a;黑盒手工利用测试&#xff0c;白盒看代码检验&#xff08;有无token…...

    2024/3/29 2:58:41
  6. 【外汇早评】美通胀数据走低,美元调整

    原标题:【外汇早评】美通胀数据走低,美元调整昨日美国方面公布了新一期的核心PCE物价指数数据,同比增长1.6%,低于前值和预期值的1.7%,距离美联储的通胀目标2%继续走低,通胀压力较低,且此前美国一季度GDP初值中的消费部分下滑明显,因此市场对美联储后续更可能降息的政策…...

    2024/3/29 18:08:39
  7. 【原油贵金属周评】原油多头拥挤,价格调整

    原标题:【原油贵金属周评】原油多头拥挤,价格调整本周国际劳动节,我们喜迎四天假期,但是整个金融市场确实流动性充沛,大事频发,各个商品波动剧烈。美国方面,在本周四凌晨公布5月份的利率决议和新闻发布会,维持联邦基金利率在2.25%-2.50%不变,符合市场预期。同时美联储…...

    2024/3/29 18:08:34
  8. 【外汇周评】靓丽非农不及疲软通胀影响

    原标题:【外汇周评】靓丽非农不及疲软通胀影响在刚结束的周五,美国方面公布了新一期的非农就业数据,大幅好于前值和预期,新增就业重新回到20万以上。具体数据: 美国4月非农就业人口变动 26.3万人,预期 19万人,前值 19.6万人。 美国4月失业率 3.6%,预期 3.8%,前值 3…...

    2024/3/29 2:45:46
  9. 【原油贵金属早评】库存继续增加,油价收跌

    原标题:【原油贵金属早评】库存继续增加,油价收跌周三清晨公布美国当周API原油库存数据,上周原油库存增加281万桶至4.692亿桶,增幅超过预期的74.4万桶。且有消息人士称,沙特阿美据悉将于6月向亚洲炼油厂额外出售更多原油,印度炼油商预计将每日获得至多20万桶的额外原油供…...

    2024/3/29 16:26:39
  10. 【外汇早评】日本央行会议纪要不改日元强势

    原标题:【外汇早评】日本央行会议纪要不改日元强势近两日日元大幅走强与近期市场风险情绪上升,避险资金回流日元有关,也与前一段时间的美日贸易谈判给日本缓冲期,日本方面对汇率问题也避免继续贬值有关。虽然今日早间日本央行公布的利率会议纪要仍然是支持宽松政策,但这符…...

    2024/3/29 5:19:52
  11. 【原油贵金属早评】欧佩克稳定市场,填补伊朗问题的影响

    原标题:【原油贵金属早评】欧佩克稳定市场,填补伊朗问题的影响近日伊朗局势升温,导致市场担忧影响原油供给,油价试图反弹。此时OPEC表态稳定市场。据消息人士透露,沙特6月石油出口料将低于700万桶/日,沙特已经收到石油消费国提出的6月份扩大出口的“适度要求”,沙特将满…...

    2024/3/29 18:08:00
  12. 【外汇早评】美欲与伊朗重谈协议

    原标题:【外汇早评】美欲与伊朗重谈协议美国对伊朗的制裁遭到伊朗的抗议,昨日伊朗方面提出将部分退出伊核协议。而此行为又遭到欧洲方面对伊朗的谴责和警告,伊朗外长昨日回应称,欧洲国家履行它们的义务,伊核协议就能保证存续。据传闻伊朗的导弹已经对准了以色列和美国的航…...

    2024/3/29 11:11:56
  13. 【原油贵金属早评】波动率飙升,市场情绪动荡

    原标题:【原油贵金属早评】波动率飙升,市场情绪动荡因中美贸易谈判不安情绪影响,金融市场各资产品种出现明显的波动。随着美国与中方开启第十一轮谈判之际,美国按照既定计划向中国2000亿商品征收25%的关税,市场情绪有所平复,已经开始接受这一事实。虽然波动率-恐慌指数VI…...

    2024/3/29 1:13:26
  14. 【原油贵金属周评】伊朗局势升温,黄金多头跃跃欲试

    原标题:【原油贵金属周评】伊朗局势升温,黄金多头跃跃欲试美国和伊朗的局势继续升温,市场风险情绪上升,避险黄金有向上突破阻力的迹象。原油方面稍显平稳,近期美国和OPEC加大供给及市场需求回落的影响,伊朗局势并未推升油价走强。近期中美贸易谈判摩擦再度升级,美国对中…...

    2024/3/29 8:28:16
  15. 【原油贵金属早评】市场情绪继续恶化,黄金上破

    原标题:【原油贵金属早评】市场情绪继续恶化,黄金上破周初中国针对于美国加征关税的进行的反制措施引发市场情绪的大幅波动,人民币汇率出现大幅的贬值动能,金融市场受到非常明显的冲击。尤其是波动率起来之后,对于股市的表现尤其不安。隔夜美国股市出现明显的下行走势,这…...

    2024/3/29 7:41:19
  16. 【外汇早评】美伊僵持,风险情绪继续升温

    原标题:【外汇早评】美伊僵持,风险情绪继续升温昨日沙特两艘油轮再次发生爆炸事件,导致波斯湾局势进一步恶化,市场担忧美伊可能会出现摩擦生火,避险品种获得支撑,黄金和日元大幅走强。美指受中美贸易问题影响而在低位震荡。继5月12日,四艘商船在阿联酋领海附近的阿曼湾、…...

    2024/3/29 18:07:15
  17. 【原油贵金属早评】贸易冲突导致需求低迷,油价弱势

    原标题:【原油贵金属早评】贸易冲突导致需求低迷,油价弱势近日虽然伊朗局势升温,中东地区几起油船被袭击事件影响,但油价并未走高,而是出于调整结构中。由于市场预期局势失控的可能性较低,而中美贸易问题导致的全球经济衰退风险更大,需求会持续低迷,因此油价调整压力较…...

    2024/3/29 9:57:23
  18. 氧生福地 玩美北湖(上)——为时光守候两千年

    原标题:氧生福地 玩美北湖(上)——为时光守候两千年一次说走就走的旅行,只有一张高铁票的距离~ 所以,湖南郴州,我来了~ 从广州南站出发,一个半小时就到达郴州西站了。在动车上,同时改票的南风兄和我居然被分到了一个车厢,所以一路非常愉快地聊了过来。 挺好,最起…...

    2024/3/29 0:49:46
  19. 氧生福地 玩美北湖(中)——永春梯田里的美与鲜

    原标题:氧生福地 玩美北湖(中)——永春梯田里的美与鲜一觉醒来,因为大家太爱“美”照,在柳毅山庄去寻找龙女而错过了早餐时间。近十点,向导坏坏还是带着饥肠辘辘的我们去吃郴州最富有盛名的“鱼头粉”。说这是“十二分推荐”,到郴州必吃的美食之一。 哇塞!那个味美香甜…...

    2024/3/29 18:06:57
  20. 氧生福地 玩美北湖(下)——奔跑吧骚年!

    原标题:氧生福地 玩美北湖(下)——奔跑吧骚年!让我们红尘做伴 活得潇潇洒洒 策马奔腾共享人世繁华 对酒当歌唱出心中喜悦 轰轰烈烈把握青春年华 让我们红尘做伴 活得潇潇洒洒 策马奔腾共享人世繁华 对酒当歌唱出心中喜悦 轰轰烈烈把握青春年华 啊……啊……啊 两…...

    2024/3/29 17:27:19
  21. 扒开伪装医用面膜,翻六倍价格宰客,小姐姐注意了!

    原标题:扒开伪装医用面膜,翻六倍价格宰客,小姐姐注意了!扒开伪装医用面膜,翻六倍价格宰客!当行业里的某一品项火爆了,就会有很多商家蹭热度,装逼忽悠,最近火爆朋友圈的医用面膜,被沾上了污点,到底怎么回事呢? “比普通面膜安全、效果好!痘痘、痘印、敏感肌都能用…...

    2024/3/29 18:06:36
  22. 「发现」铁皮石斛仙草之神奇功效用于医用面膜

    原标题:「发现」铁皮石斛仙草之神奇功效用于医用面膜丽彦妆铁皮石斛医用面膜|石斛多糖无菌修护补水贴19大优势: 1、铁皮石斛:自唐宋以来,一直被列为皇室贡品,铁皮石斛生于海拔1600米的悬崖峭壁之上,繁殖力差,产量极低,所以古代仅供皇室、贵族享用 2、铁皮石斛自古民间…...

    2024/3/29 18:06:22
  23. 丽彦妆\医用面膜\冷敷贴轻奢医学护肤引导者

    原标题:丽彦妆\医用面膜\冷敷贴轻奢医学护肤引导者【公司简介】 广州华彬企业隶属香港华彬集团有限公司,专注美业21年,其旗下品牌: 「圣茵美」私密荷尔蒙抗衰,产后修复 「圣仪轩」私密荷尔蒙抗衰,产后修复 「花茵莳」私密荷尔蒙抗衰,产后修复 「丽彦妆」专注医学护…...

    2024/3/28 18:26:34
  24. 广州械字号面膜生产厂家OEM/ODM4项须知!

    原标题:广州械字号面膜生产厂家OEM/ODM4项须知!广州械字号面膜生产厂家OEM/ODM流程及注意事项解读: 械字号医用面膜,其实在我国并没有严格的定义,通常我们说的医美面膜指的应该是一种「医用敷料」,也就是说,医用面膜其实算作「医疗器械」的一种,又称「医用冷敷贴」。 …...

    2024/3/29 18:06:01
  25. 械字号医用眼膜缓解用眼过度到底有无作用?

    原标题:械字号医用眼膜缓解用眼过度到底有无作用?医用眼膜/械字号眼膜/医用冷敷眼贴 凝胶层为亲水高分子材料,含70%以上的水分。体表皮肤温度传导到本产品的凝胶层,热量被凝胶内水分子吸收,通过水分的蒸发带走大量的热量,可迅速地降低体表皮肤局部温度,减轻局部皮肤的灼…...

    2024/3/28 20:09:10
  26. 配置失败还原请勿关闭计算机,电脑开机屏幕上面显示,配置失败还原更改 请勿关闭计算机 开不了机 这个问题怎么办...

    解析如下&#xff1a;1、长按电脑电源键直至关机&#xff0c;然后再按一次电源健重启电脑&#xff0c;按F8健进入安全模式2、安全模式下进入Windows系统桌面后&#xff0c;按住“winR”打开运行窗口&#xff0c;输入“services.msc”打开服务设置3、在服务界面&#xff0c;选中…...

    2022/11/19 21:17:18
  27. 错误使用 reshape要执行 RESHAPE,请勿更改元素数目。

    %读入6幅图像&#xff08;每一幅图像的大小是564*564&#xff09; f1 imread(WashingtonDC_Band1_564.tif); subplot(3,2,1),imshow(f1); f2 imread(WashingtonDC_Band2_564.tif); subplot(3,2,2),imshow(f2); f3 imread(WashingtonDC_Band3_564.tif); subplot(3,2,3),imsho…...

    2022/11/19 21:17:16
  28. 配置 已完成 请勿关闭计算机,win7系统关机提示“配置Windows Update已完成30%请勿关闭计算机...

    win7系统关机提示“配置Windows Update已完成30%请勿关闭计算机”问题的解决方法在win7系统关机时如果有升级系统的或者其他需要会直接进入一个 等待界面&#xff0c;在等待界面中我们需要等待操作结束才能关机&#xff0c;虽然这比较麻烦&#xff0c;但是对系统进行配置和升级…...

    2022/11/19 21:17:15
  29. 台式电脑显示配置100%请勿关闭计算机,“准备配置windows 请勿关闭计算机”的解决方法...

    有不少用户在重装Win7系统或更新系统后会遇到“准备配置windows&#xff0c;请勿关闭计算机”的提示&#xff0c;要过很久才能进入系统&#xff0c;有的用户甚至几个小时也无法进入&#xff0c;下面就教大家这个问题的解决方法。第一种方法&#xff1a;我们首先在左下角的“开始…...

    2022/11/19 21:17:14
  30. win7 正在配置 请勿关闭计算机,怎么办Win7开机显示正在配置Windows Update请勿关机...

    置信有很多用户都跟小编一样遇到过这样的问题&#xff0c;电脑时发现开机屏幕显现“正在配置Windows Update&#xff0c;请勿关机”(如下图所示)&#xff0c;而且还需求等大约5分钟才干进入系统。这是怎样回事呢&#xff1f;一切都是正常操作的&#xff0c;为什么开时机呈现“正…...

    2022/11/19 21:17:13
  31. 准备配置windows 请勿关闭计算机 蓝屏,Win7开机总是出现提示“配置Windows请勿关机”...

    Win7系统开机启动时总是出现“配置Windows请勿关机”的提示&#xff0c;没过几秒后电脑自动重启&#xff0c;每次开机都这样无法进入系统&#xff0c;此时碰到这种现象的用户就可以使用以下5种方法解决问题。方法一&#xff1a;开机按下F8&#xff0c;在出现的Windows高级启动选…...

    2022/11/19 21:17:12
  32. 准备windows请勿关闭计算机要多久,windows10系统提示正在准备windows请勿关闭计算机怎么办...

    有不少windows10系统用户反映说碰到这样一个情况&#xff0c;就是电脑提示正在准备windows请勿关闭计算机&#xff0c;碰到这样的问题该怎么解决呢&#xff0c;现在小编就给大家分享一下windows10系统提示正在准备windows请勿关闭计算机的具体第一种方法&#xff1a;1、2、依次…...

    2022/11/19 21:17:11
  33. 配置 已完成 请勿关闭计算机,win7系统关机提示“配置Windows Update已完成30%请勿关闭计算机”的解决方法...

    今天和大家分享一下win7系统重装了Win7旗舰版系统后&#xff0c;每次关机的时候桌面上都会显示一个“配置Windows Update的界面&#xff0c;提示请勿关闭计算机”&#xff0c;每次停留好几分钟才能正常关机&#xff0c;导致什么情况引起的呢&#xff1f;出现配置Windows Update…...

    2022/11/19 21:17:10
  34. 电脑桌面一直是清理请关闭计算机,windows7一直卡在清理 请勿关闭计算机-win7清理请勿关机,win7配置更新35%不动...

    只能是等着&#xff0c;别无他法。说是卡着如果你看硬盘灯应该在读写。如果从 Win 10 无法正常回滚&#xff0c;只能是考虑备份数据后重装系统了。解决来方案一&#xff1a;管理员运行cmd&#xff1a;net stop WuAuServcd %windir%ren SoftwareDistribution SDoldnet start WuA…...

    2022/11/19 21:17:09
  35. 计算机配置更新不起,电脑提示“配置Windows Update请勿关闭计算机”怎么办?

    原标题&#xff1a;电脑提示“配置Windows Update请勿关闭计算机”怎么办&#xff1f;win7系统中在开机与关闭的时候总是显示“配置windows update请勿关闭计算机”相信有不少朋友都曾遇到过一次两次还能忍但经常遇到就叫人感到心烦了遇到这种问题怎么办呢&#xff1f;一般的方…...

    2022/11/19 21:17:08
  36. 计算机正在配置无法关机,关机提示 windows7 正在配置windows 请勿关闭计算机 ,然后等了一晚上也没有关掉。现在电脑无法正常关机...

    关机提示 windows7 正在配置windows 请勿关闭计算机 &#xff0c;然后等了一晚上也没有关掉。现在电脑无法正常关机以下文字资料是由(历史新知网www.lishixinzhi.com)小编为大家搜集整理后发布的内容&#xff0c;让我们赶快一起来看一下吧&#xff01;关机提示 windows7 正在配…...

    2022/11/19 21:17:05
  37. 钉钉提示请勿通过开发者调试模式_钉钉请勿通过开发者调试模式是真的吗好不好用...

    钉钉请勿通过开发者调试模式是真的吗好不好用 更新时间:2020-04-20 22:24:19 浏览次数:729次 区域: 南阳 > 卧龙 列举网提醒您:为保障您的权益,请不要提前支付任何费用! 虚拟位置外设器!!轨迹模拟&虚拟位置外设神器 专业用于:钉钉,外勤365,红圈通,企业微信和…...

    2022/11/19 21:17:05
  38. 配置失败还原请勿关闭计算机怎么办,win7系统出现“配置windows update失败 还原更改 请勿关闭计算机”,长时间没反应,无法进入系统的解决方案...

    前几天班里有位学生电脑(windows 7系统)出问题了&#xff0c;具体表现是开机时一直停留在“配置windows update失败 还原更改 请勿关闭计算机”这个界面&#xff0c;长时间没反应&#xff0c;无法进入系统。这个问题原来帮其他同学也解决过&#xff0c;网上搜了不少资料&#x…...

    2022/11/19 21:17:04
  39. 一个电脑无法关闭计算机你应该怎么办,电脑显示“清理请勿关闭计算机”怎么办?...

    本文为你提供了3个有效解决电脑显示“清理请勿关闭计算机”问题的方法&#xff0c;并在最后教给你1种保护系统安全的好方法&#xff0c;一起来看看&#xff01;电脑出现“清理请勿关闭计算机”在Windows 7(SP1)和Windows Server 2008 R2 SP1中&#xff0c;添加了1个新功能在“磁…...

    2022/11/19 21:17:03
  40. 请勿关闭计算机还原更改要多久,电脑显示:配置windows更新失败,正在还原更改,请勿关闭计算机怎么办...

    许多用户在长期不使用电脑的时候&#xff0c;开启电脑发现电脑显示&#xff1a;配置windows更新失败&#xff0c;正在还原更改&#xff0c;请勿关闭计算机。。.这要怎么办呢&#xff1f;下面小编就带着大家一起看看吧&#xff01;如果能够正常进入系统&#xff0c;建议您暂时移…...

    2022/11/19 21:17:02
  41. 还原更改请勿关闭计算机 要多久,配置windows update失败 还原更改 请勿关闭计算机,电脑开机后一直显示以...

    配置windows update失败 还原更改 请勿关闭计算机&#xff0c;电脑开机后一直显示以以下文字资料是由(历史新知网www.lishixinzhi.com)小编为大家搜集整理后发布的内容&#xff0c;让我们赶快一起来看一下吧&#xff01;配置windows update失败 还原更改 请勿关闭计算机&#x…...

    2022/11/19 21:17:01
  42. 电脑配置中请勿关闭计算机怎么办,准备配置windows请勿关闭计算机一直显示怎么办【图解】...

    不知道大家有没有遇到过这样的一个问题&#xff0c;就是我们的win7系统在关机的时候&#xff0c;总是喜欢显示“准备配置windows&#xff0c;请勿关机”这样的一个页面&#xff0c;没有什么大碍&#xff0c;但是如果一直等着的话就要两个小时甚至更久都关不了机&#xff0c;非常…...

    2022/11/19 21:17:00
  43. 正在准备配置请勿关闭计算机,正在准备配置windows请勿关闭计算机时间长了解决教程...

    当电脑出现正在准备配置windows请勿关闭计算机时&#xff0c;一般是您正对windows进行升级&#xff0c;但是这个要是长时间没有反应&#xff0c;我们不能再傻等下去了。可能是电脑出了别的问题了&#xff0c;来看看教程的说法。正在准备配置windows请勿关闭计算机时间长了方法一…...

    2022/11/19 21:16:59
  44. 配置失败还原请勿关闭计算机,配置Windows Update失败,还原更改请勿关闭计算机...

    我们使用电脑的过程中有时会遇到这种情况&#xff0c;当我们打开电脑之后&#xff0c;发现一直停留在一个界面&#xff1a;“配置Windows Update失败&#xff0c;还原更改请勿关闭计算机”&#xff0c;等了许久还是无法进入系统。如果我们遇到此类问题应该如何解决呢&#xff0…...

    2022/11/19 21:16:58
  45. 如何在iPhone上关闭“请勿打扰”

    Apple’s “Do Not Disturb While Driving” is a potentially lifesaving iPhone feature, but it doesn’t always turn on automatically at the appropriate time. For example, you might be a passenger in a moving car, but your iPhone may think you’re the one dri…...

    2022/11/19 21:16:57