最终产品图片
您将要创造的

与Angular.js框架一起工作是快速而有意义的，并且与WordPress结合使用，可以在很短的时间内创建一个非常好的SPA（单页应用程序）。 借助WordPress提供的所有CMS控件和插件，这是一个有趣的捷径。

设置主题

我们将从开始使用_tk样板主题开始创建一个新主题。 这是Automattic的_s下划线主题的实现，但实现了Twitter的Bootstrap。

从GitHub抓取主题，并将文件放在themes目录中： 

$ cd themes
$ wget https://github.com/Themekraft/_tk/archive/master.zip
wp-content/themes/$ unzip master.zip 
Archive:  master.zip
69acda231e2a2f8914374df81b89a7aa37d594facreating: _tk-master/inflating: _tk-master/404.php      inflating: _tk-master/archive.php  inflating: _tk-master/comments.php  inflating: _tk-master/content-page.php  inflating: _tk-master/content-single.php 
...
## Rename The Directory
$ mv _tk-master/ angular-bootstrap
$ rm -f master.zip

现在我们有了_tk starter主题，我们将需要从主题目录中获取npm包angular和angular-route （我们使用的名称是angular-bootstrap ）。 

$ cd wp-angular
$ npm init
#follow the prompts to create your package.json file
... "author": "","license": "ISC"
}Is this ok? (yes) yes
## Install The Packages
$ $ npm install angular angular-route --save
  • 你必须初始化npm与themes目录内npm init ，以创造package.json ，该文件npm用来管理项目。
  • 通过在npm install angular angular-route --save命令中使用--save标志，我们告诉npm将模块作为依赖项添加到我们的项目中。
  • 将来，如果我们需要与其他开发人员共享该项目，他们只需要在与package.json相同的目录中运行npm install即可获取软件包。

现在，您将在主题内的node_modules目录中拥有这些软件包。 看一下目录，您将能够看到几个js文件。 我们将使用angular.min.js进行开发

初始化Angular

要将angular.min.js包含在WordPress中，我们需要修改functions.php文件，以便我们可以在WordPress中加入脚本。

在functions.php中，找到_tk_scripts()函数，并将以下内容附加到该函数的底部： 

//Load angular
wp_enqueue_script('angularjs', get_template_directory_uri() .'/node_modules/angular/angular.min.js');
wp_enqueue_script('angularjs-route', get_template_directory_uri() .'/node_modules/angular-route/angular-route.min.js');
wp_enqueue_script('scripts', get_stylesheet_directory_uri() . '/js/scripts.js', array( 'angularjs', 'angularjs-route' ));

您还需要创建js/scripts.js现在只需创建一个空白文件。

现在，在浏览器中刷新主题，在开发人员工具中，您将可以看到angular.min.js包含的angular.min.js 。

使用局部

Angular.js有一个很棒的系统，它只能更新部分HTML。 要利用此功能和angular-route模块，我们将需要在主题内部创建一个名为partials的目录。 

$ mkdir partials

在partials目录中，创建一个名为main.html的文件以进行测试，然后在其中添加任何您喜欢HTML。

本地化WordPress的局部路径

为了使Angular能够加载部分，我们必须提供完整的URL。 使用get_stylesheet_directory_uri()方法时遇到了一些麻烦，但请自己尝试。 如果不起作用，请使用完整的URL。

将以下内容添加到_tk_scripts函数中，在该函数中，您在最后一步中添加了angularjs和angular-route行： 

// With get_stylesheet_directory_uri()
wp_localize_script('scripts', 'localized',array('partials' => get_stylesheet_directory_uri() . '/wp-content/themes/angular-bootstrap/partials/'));

如果失败（在写这篇文章时是给我的），请输入URL，例如 

// With hardcoded value
wp_localize_script('scripts', 'localized',array('partials' => 'https://www.mydomaind.com/wp-content/themes/angular-bootstrap/partials/'));

启用WP-API

为了使Angular使用WordPress，我们需要启用WP-API REST插件。 这很简单，因为它只是安装插件。

从git下载并安装插件，然后在plugins目录中运行以下命令： 

git clone git@github.com:WP-API/WP-API.git json-rest-api

然后在您的wp-admin面板中启用该插件。 启用后，您将可以在your-wordpress.com/wp-json上看到JSON输出。

建设路线

路由构成了博客的特定页面。 我们现在可以为main.html部分定义一个，并将其配置为显示在WordPress的索引页上。

首先确保通过ng-app属性定义了Angular.js应用，然后在header.php进行以下操作： 

<!DOCTYPE html><html <?php language_attributes(); ?> ng-app="wp">
<head>
<base href="/">

在这里，我们使用ng-app属性调用应用wp 。 另外，我们设置base标记，以便Angular可以找到我们在WP-API启用的JSON。

将以下内容添加到js/scripts.js ： 

angular.module('wp', ['ngRoute'])
.config(function($routeProvider, $locationProvider) {$routeProvider.when('/', {templateUrl: localized.partials + 'main.html',controller: 'Main'})
})
.controller('Main', function($scope, $http, $routeParams) {$http.get('wp-json/posts/').success(function(res){$scope.posts = res;});
});

现在在partials/main.html添加以下内容： 

<ul><li ng-repeat="post in posts"><a href="{{post.slug}}">{{post.title}}</a></li>
</ul>

最后在index.php ，直接在get_header.php() ，在div标签上添加Angular属性ng-view 。

刷新WordPress的索引，博客文章的项目符号列表现在将显示在主页上。

这是因为ng-controller从scripts.js调用了Main控制器，并且ng-view属性指定了Angular的渲染位置。

通过子弹显示帖子

现在，我们添加通过URL插件显示WordPress博客的路由。

打开js/scripts.js并调整文件，使其内容如下： 

angular.module('wp', ['ngRoute'])
.config(function($routeProvider, $locationProvider) {$routeProvider.when('/', {templateUrl: localized.partials + 'main.html',controller: 'Main'}).when('/:slug', {templateUrl: localized.partials + 'content.html',controller: 'Content'}).otherwise({redirectTo: '/'});
})
.controller('Main', function($scope, $http, $routeParams) {$http.get('wp-json/posts/').success(function(res){$scope.posts = res;});
})
.controller('Content',['$scope', '$http', '$routeParams', function($scope, $http, $routeParams) {$http.get('wp-json/posts/?filter[name]=' + $routeParams.slug).success(function(res){$scope.post = res[0];});}]
);

通过添加Content控制器，我们可以为JSON帖子指定$http.get URI，并指定slug作为filter参数。

为此，我们使用以下代码： $http.get('wp-json/posts/?filter[name]=' + $routeParams.slug) 。

注意：为了使/:slug路由正常工作，必须在wp-admin中将/%postname%/指定为永久链接结构。

确保使用以下内容设置content.html ： 

{{post.title}}

{{post.content}}

现在，如果刷新页面，则可以通过上一步中创建的项目符号列表中的链接导航到博客文章。

在WordPress中使用Angular Services

到目前为止，我们已经看到了如何创建路由并开始使用wp-json API。 在开始编写任何逻辑之前，我们需要一个地方，它在Angular service （在本示例中，我们使用Factory服务）。

创建一个新文件js/services.js并添加以下代码以检索类别和帖子： 

function ThemeService($http) {var ThemeService = {categories: [],posts: [],pageTitle: 'Latest Posts:',currentPage: 1,totalPages: 1,currentUser: {}};//Set the page title in the <title> tagfunction _setTitle(documentTitle, pageTitle) {document.querySelector('title').innerHTML = documentTitle + ' | AngularJS Demo Theme';ThemeService.pageTitle = pageTitle;}//Setup paginationfunction _setArchivePage(posts, page, headers) {ThemeService.posts = posts;ThemeService.currentPage = page;ThemeService.totalPages = headers('X-WP-TotalPages');}ThemeService.getAllCategories = function() {//If they are already set, don't need to get them againif (ThemeService.categories.length) {return;}//Get the category terms from wp-jsonreturn $http.get('wp-json/taxonomies/category/terms').success(function(res){ThemeService.categories = res;});};ThemeService.getPosts = function(page) {return $http.get('wp-json/posts/?page=' + page + '&filter[posts_per_page]=1').success(function(res, status, headers){ThemeService.posts = res;page = parseInt(page);// Check page variable for sanityif ( isNaN(page) || page > headers('X-WP-TotalPages') ) {_setTitle('Page Not Found', 'Page Not Found');} else {//Deal with paginationif (page>1) {_setTitle('Posts on Page ' + page, 'Posts on Page ' + page + ':');} else {_setTitle('Home', 'Latest Posts:');}_setArchivePage(res,page,headers);}});};return ThemeService;
}//Finally register the service
app.factory('ThemeService', ['$http', ThemeService]);

这是一个基本的出厂设置，其中有两个内部函数_setTitle和_setArchivePage 。 从getPosts和getCategories调用这些方法以更新当前页面标题，并设置一个内部整数以知道我们正在查看的页面编号。

我们将需要开始使用ngSanitize模块来解析服务的输入。 使用npm将其安装在主题目录中： 

$ npm install angular-sanitize --save

ThemeService只是一个基本JavaScript对象，它通过$http.get和getPosts方法执行类别查找。 现在，我们将使我们的控制器意识到这项服务。 打开scripts.js并修改控制器以了解ThemeService 。 

//Main controller
app.controller('Main', ['$scope', '$http', 'ThemeService', function($scope, $http, ThemeService) {//Get Categories from ThemeServiceThemeService.getAllCategories();//Get the first page of posts from ThemeServiceThemeService.getPosts(1);$scope.data = ThemeService;
}]);

不要忘了在第一行中通过以下scripts.js在scripts.js启用angular-sanitize模块： 

var app = angular.module('wp', ['ngRoute', 'ngSanitize']);

最后，您将需要确保js/services.js和Angular angular-sanitize模块已加入WordPress。 wp_localize_script请修改functions.php文件，并在wp_localize_script调用之前附加以下内容： 

wp_enqueue_script('angularjs-sanitize', get_stylesheet_directory_uri() . '/node_modules/angular-sanitize/angular-sanitize.min.js');
wp_enqueue_script('theme-service', get_stylesheet_directory_uri() . '/js/services.js');

现在，我们将需要更新main.html部分，以显示由ThemeService提供的这些类别。 

<h1>Categories</h1>
<ul><li ng-repeat="category in data.categories"><span ng-if="current_category_id && category.ID == current_category_id" ng-bind-html="category.name"></span><a ng-if="!current_category_id || category.ID != current_category_id" href="category/{{category.slug}}" ng-bind-html="category.name"></a></li>
</ul><p>{{data.pageTitle}}</p>
<ul><li ng-repeat="post in data.posts"><a href="/{{post.slug}}" ng-bind-html="post.title"></a><a href="/{{post.slug}}" ng-if="post.featured_image_thumbnail_url"><img ng-src="{{post.featured_image_thumbnail_url}}" alt="{{post.featured_image.title.rendered}}" /></a><div ng-bind-html="post.excerpt.rendered"></div></li>
</ul>

现在，您ng-view使用Angular的factory服务通过ng-view显示在主页上的帖子和类别。 这样做的好处是所有组件都可以使用数据。 因此，我们现在可以在路线中的所有控制器之间共享类别对象。

进一步发展

现在我们已经为主题设置了服务，我们可以继续开发数据层并将Bootstrap样式合并到返回HTML中。

现在，在主题中配置Angular的可能性确实是无限的，并且通过签出提供的存储库，您将有一个快速的起点来创建启用Angular和Bootstrap的单页WordPress应用程序。

翻译自: https://code.tutsplus.com/tutorials/creating-single-page-applications-with-wordpress-and-angularjs--cms-25095

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

相关文章

  1. Angular.js

    文章来自&#xff1a;源码在线https://www.shengli.me/javascript/174.html 首先要有个node.js 查看版本信息&#xff1a;cmd中输入 node -vnpm -v 安装&#xff1a; npm i -g angular/cli 用cli命令建立 ng7demo ng new projectName 这里前面我用ng7_demo的时候报错 进入文…...

    2024/4/21 3:04:40
  2. Angular.js学习之路一：使用angular.js实现todomvc

    需要的知识 html、js、初步了解angularjs 熟悉npm、git的操作 起步 在github上给我们提供了一个todomvc的模板&#xff0c;我们可以clone下来&#xff0c;使用安装npm,安装git&#xff08;具体安装不在描述&#xff0c;请自行百度&#xff09; 在本地新建文件夹todomvc&#xf…...

    2024/4/21 3:04:39
  3. 手把手教你如何开始一个angular模块

    友情提示&#xff1a;图片看不清请点击鼠标右键&#xff0c;查看图像 一、安装SVN&#xff08;或者git&#xff09; 1、下载小乌龟工具&#xff08;SVN工具&#xff09;&#xff0c;百度搜索SVN即可 2、打开SVN安装包&#xff0c;一路next默认安装即可 二、从公司SVN &#x…...

    2024/4/20 14:18:57
  4. 【前端】2. Angular 目录结构分析以及 Angular 中创建组件

    参考视频&#xff1a;https://www.bilibili.com/video/av50917863?p2 一、目录结构分析 首层目录&#xff1a; 【node_modules 】 第三方依赖包存放目录【e2e 】 端到端的测试目录 用来做自动测试的【src 】 应用源代码目录【.angular-cli.json 】 Angular命令行工具的配置…...

    2024/4/21 3:04:37
  5. VS Code中Angular出现cannot find module问题解决

    将node_module文件夹删掉 将node_module文件夹删掉 将node_module文件夹删掉 重新npm install 或 cnpm install...

    2024/4/21 3:04:36
  6. VSCode结合Angular创建Module和Componentc使得模块找不到

    VSCode结合Angular创建Module和Component使得模块找不到 报错 ERROR in ./src/app/module/userEdit/component/userEdit.component.ts Module not found: Error: Can’t resolve ‘./view/groupEdit.component.scss’ in ‘C:\Users\GangGuiXu\git\notes-sn_migration\domino…...

    2024/4/21 3:04:39
  7. 升级Angular后ng serve出错Cannot find module @angular-devkit/build-angular/package.json

    Webstom运行Angular项目出错&#xff1a; 升级了Angular版本后&#xff0c;原来的项目版本低了&#xff0c;与新版本不匹配&#xff0c;所以运行了出现如下错误 An unhandled exception occurred: Cannot find module angular-devkit/build-angular/package.json Require stac…...

    2024/4/21 3:04:34
  8. angular构建npm包报错：It is not recommended to publish Ivy libraries to NPM repositories.

    在使用angular自定义组件库&#xff0c;构建npm包时报错&#xff1a;It is not recommended to publish Ivy libraries to NPM repositories. ERROR: projects/ngx-zorro/src/lib/alert/alert.component.ts:8:14 - error NG3001: Unsupported private class AlertComponent. T…...

    2024/4/24 4:59:21
  9. AngularJS动态加载模块和依赖

    本文章已同步发表到我的Github博客&#xff0c;欢迎访问&#xff01; 前言 由于AngularJS是单页面应用框架&#xff0c;在正常的情况下&#xff0c;会在访问页面的时候将所有的CSS、JavaScript文件都加载进来。文件不多的时候&#xff0c;页面启动速度倒不会影响太多。但是一…...

    2024/4/20 20:13:24
  10. Angular ES Module方式引入ArcgisAPI

    Angular ES Module方式引入ArcgisAPI 一、新建项目&#xff0c;安装包 npm install arcgis/corenpm install ncp -g copy会用到ncp包 二、修改package.json中的命令 "scripts": {"ng": "ng","start": "npm run copy &&…...

    2024/4/20 20:13:22
  11. Cannot find module ‘C:\Program Files\nodejs\node_modules\npm\bin\npm-cli.js‘ 解决方案(最新版Node.js)

    今天尝试安装npm&#xff0c;到如下步骤时抛出以下错误&#xff1a;Cannot find module C:\Program Files\nodejs\node_modules\npm\bin\npm-cli.js。 &#xff08;截图来源网络大牛博客&#xff0c;博客底部的url&#xff09; 查了下网上的相关博客&#xff0c;也没有找到一个…...

    2024/4/26 7:40:53
  12. 使用typescript开发angular模块(发布npm包)

    创建模块 初始化package.json文件 执行命名 npm init -y 会自动生成package.json文件如下&#xff0c;name默认为文件夹名称 {"name": "MZC-Ng-Api","version": "1.0.0","description": "","main"…...

    2024/4/21 3:04:33
  13. 在angular 中使用 npm link

    需求是&#xff0c;需要在本地创建一个 angular 的 library&#xff0c;作为公共模块&#xff0c; 然后在其他application中引用它 创建angular公共library ng new my-workspace --create-applicationfalse cd my-workspace ng generate library my-lib 在common library 的项…...

    2024/4/21 3:04:33
  14. angular-ui-router使用

    angular-ui-router使用 github源码地址&#xff1a;https://github.com/angular-ui/ui-router api地址 http://angular-ui.github.io/ui-router/site 安装 npm install --save angular-ui-router 使用angular-ui-router 备注&#xff1a; 以下所有示例代码来源于个人所写的练…...

    2024/4/21 3:04:31
  15. window.open打开窗口居中显示

    var yPosition (screen.height-页面高度)/2 var xPosition (screen.width.-页面宽度)/2 top yPosition left xPosition...

    2024/4/21 3:04:30
  16. angular项目生成

    angular三大框架之一,其他两个框架vue和React angular项目生成 window键 R cmd 打开终端在桌面创建一个angular项目的文件夹(名字自定义)在终端 cd 到 创建的文件里面 注&#xff1a;cd 后面有个空格 第一步&#xff1a;安装 Angular CLI npm install -g angular/cli 第…...

    2024/4/21 3:04:29
  17. angularJS 使用postMessage

    做的项目&#xff0c;要求页面A和页面B&#xff0c;B是A的子页面&#xff0c;A使用iframe嵌入B页面。A&#xff0c;B是分离的项目&#xff0c;属于不同的域名。 A使用postMessage&#xff0c;给B发送token。 B的前端是angular JS&#xff0c;B的代码如下&#xff1a; myApp.…...

    2024/4/21 3:04:29
  18. 在Angular外部使用js调用Angular控制器中提供的函数方法或变量

    Html代码如下所示&#xff1a; 1 <!DOCTYPE html>2 <html ng-app"myApp" id"myApp">3 <head>4 <meta name"viewport" content"widthdevice-width" />5 <title>Test</title>6 <scr…...

    2024/4/21 3:04:28
  19. Angular中通过$location获取地址栏的参数详解

    Angular中通过$location获取url中的参数 最近&#xff0c;项目开发正在进行时&#xff0c;心有点燥&#xff0c;许多东西没来得及去研究&#xff0c;今天正想问题呢&#xff0c;同事问到如何获取url中的参数&#xff0c;我一时半会还真没想起来&#xff0c;刚刚特意研究了一下…...

    2024/4/21 3:04:27
  20. angular子页面调用父页面方法

    父页面html <res-card open-video-play "openVideoPlay(dataArr,resourceStr,playType)" ></res-card> --ps 注意&#xff1a; open-video-play 为子页面调用方法 子页面调用的时候横线转大写 父页面js $scope.openVideoPlay function (dataArr,re…...

    2024/4/21 3:04:25

最新文章

  1. python基础之元组、集合和函数的定义与返回值

    1.元祖 1.元祖的定义 元组的数据结构跟列表相似 特征&#xff1a;有序、 有序&#xff1a;有&#xff08;索引/下标/index&#xff09; 正序、反序标识符&#xff1a; ( ) 里面的元素是用英文格式的逗号分割开来关键字&#xff1a;tuple 列表和元组有什么区别&#xff1f; 元组…...

    2024/4/26 23:01:52
  2. 梯度消失和梯度爆炸的一些处理方法

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

    2024/3/20 10:50:27
  3. WPS二次开发专题：如何获取应用签名SHA256值

    作者持续关注WPS二次开发专题系列&#xff0c;持续为大家带来更多有价值的WPS开发技术细节&#xff0c;如果能够帮助到您&#xff0c;请帮忙来个一键三连&#xff0c;更多问题请联系我&#xff08;QQ:250325397&#xff09; 在申请WPS SDK授权版时候需要开发者提供应用包名和签…...

    2024/4/23 6:15:54
  4. 在 Visual Studio Code (VSCode) 中隐藏以 . 开头的文件

    打开VSCode。 按下Ctrl ,快捷键打开设置。您也可以点击屏幕左下角的齿轮图标&#xff0c;然后选择“Settings”。 在设置搜索框中&#xff0c;键入files.exclude。 在找到的Files: Exclude项中&#xff0c;点击Add Pattern按钮来添加一个新的模式&#xff0c;或者直接在搜索…...

    2024/4/22 21:08:05
  5. 【外汇早评】美通胀数据走低，美元调整

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

    2024/4/26 18:09:39
  6. 【原油贵金属周评】原油多头拥挤，价格调整

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

    2024/4/26 20:12:18
  7. 【外汇周评】靓丽非农不及疲软通胀影响

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

    2024/4/25 18:38:39
  8. 【原油贵金属早评】库存继续增加，油价收跌

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

    2024/4/25 18:39:23
  9. 【外汇早评】日本央行会议纪要不改日元强势

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

    2024/4/25 18:39:22
  10. 【原油贵金属早评】欧佩克稳定市场，填补伊朗问题的影响

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

    2024/4/25 18:39:22
  11. 【外汇早评】美欲与伊朗重谈协议

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

    2024/4/26 21:56:58
  12. 【原油贵金属早评】波动率飙升，市场情绪动荡

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

    2024/4/25 16:48:44
  13. 【原油贵金属周评】伊朗局势升温，黄金多头跃跃欲试

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

    2024/4/26 16:00:35
  14. 【原油贵金属早评】市场情绪继续恶化，黄金上破

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

    2024/4/25 18:39:16
  15. 【外汇早评】美伊僵持，风险情绪继续升温

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

    2024/4/25 18:39:16
  16. 【原油贵金属早评】贸易冲突导致需求低迷，油价弱势

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

    2024/4/26 19:03:37
  17. 氧生福地 玩美北湖（上）——为时光守候两千年

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

    2024/4/26 22:01:59
  18. 氧生福地 玩美北湖（中）——永春梯田里的美与鲜

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

    2024/4/25 18:39:14
  19. 氧生福地 玩美北湖（下）——奔跑吧骚年！

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

    2024/4/25 18:39:12
  20. 扒开伪装医用面膜，翻六倍价格宰客，小姐姐注意了！

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

    2024/4/25 2:10:52
  21. 「发现」铁皮石斛仙草之神奇功效用于医用面膜

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

    2024/4/25 18:39:00
  22. 丽彦妆\医用面膜\冷敷贴轻奢医学护肤引导者

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

    2024/4/26 19:46:12
  23. 广州械字号面膜生产厂家OEM/ODM4项须知！

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

    2024/4/25 18:38:58
  24. 械字号医用眼膜缓解用眼过度到底有无作用？

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

    2024/4/25 18:38:57
  25. 配置失败还原请勿关闭计算机,电脑开机屏幕上面显示，配置失败还原更改 请勿关闭计算机 开不了机 这个问题怎么办...

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

    2022/11/19 21:17:18
  26. 错误使用 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
  27. 配置 已完成 请勿关闭计算机,win7系统关机提示“配置Windows Update已完成30%请勿关闭计算机...

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

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

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

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

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

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

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

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

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

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

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

    2022/11/19 21:17:10
  33. 电脑桌面一直是清理请关闭计算机,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
  34. 计算机配置更新不起,电脑提示“配置Windows Update请勿关闭计算机”怎么办？

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    2022/11/19 21:16:58
  44. 如何在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