Mobile first! Wijmo 5 + Ionic Framework之:费用跟踪 App
费用跟踪应用采用了Wijmo5和Ionic Framework创建,目的是构建一个hybird app。
我们基于《Mobile first! Wijmo 5 + Ionic Framework之:Hello World!》的环境,将在本教程中完成费用跟踪App的构建。下面的代码结构是本教程完成要达到的效果,请预先创建好文件和目录。
www/ --> 工程根目录index.html --> app 布局文件 (主HTML文件)css/ --> css 目录js/ --> javascript 目录app.js --> 主模块app.routes.js --> 主路由模块controllers/ --> app控制器目录models/ --> app模块目录services/ --> app 数据Service目录templates/ --> angularJs视图代码目录(通过UI-Router调用) lib/ --> 第三方类库, 包括Ionic, Wijmo, jQuery等
数据模型(Data Model)
在费用跟踪App中,我们先要创建Data Model,E-R图如下
- Category:开支分类
- Expense:开支记录
- Budget: 预算(下面会用到)
在代码中,我们需要在www/js/services构建AngularJs Services来对数据模型进行建模。我们会用到HTML5的localStorage进行数据本地存储, 采用的格式为JSON。 需要注意的是,HTML5本地存储只能存字符串,任何格式存储的时候都会被自动转为字符串,所以读取的时候,需要自己进行类型的转换。目前我们实现的是HTML5 本地存储,有兴趣的读者还可移植为RESTful API、SQLite等数据存储方法。
运行demo后,通过Chrome调试查看的本地存储截图:
浏览开支历史记录
在开支历史页面中,提供了2个功能:浏览开支历史记录、删除开支记录。为了实现这些功能,在www\js\controllers\history.js文件中,添加如下代码:
//从localStorage获得开支数据 $scope.expenses = ExpenseSvc.getExpensesWithCategory();
这行代码提供了返回本地存储的开支记录。ExpenseSvc 服务,不仅返回了开支对象,同时也返回了开支分类。基于这些数据,在
www\templates\history.tpl.htm文件中,在ion-context指令内添加Ionic的ion-list指令,代码如下:
<ion-view title="History"><ion-nav-buttons side="right"><a class="button button-icon icon ion-plus" href="#/app/create"></a></ion-nav-buttons><ion-content class="has-header"><ion-list><ion-item ng-repeat="expense in expenses | orderBy:'date':reverse track by expense.id" class="item item-icon-left"><i class="icon ion-record {{ expense.category.cssClass }}"></i><div class="row"><div class="col-50"><h2>{{ expense.title }}</h2></div><div class="col-25"><small class="light-grey">{{ expense.date | date: 'shortDate' }}</small></div><div class="col-25">{{ expense.amount | currency }}</div></div></ion-item></ion-list></ion-content> </ion-view>
ion-list指令,用于生成排序的HTML列表,其子标签ion-item指令用于生成HTML列表项。 在ngRepeat指令中,我们使用了“track by”,目的是在对开支集合修改时提升性能,相关教程可参考博客《Using Track-By With ngRepeat In AngularJS 1.2 》。
现在添加删除开支记录按钮,用于向左滑动出现删除按钮、点击删除可删除开支记录。
在ion-item标签关闭前添加ion-option-button标签,代码如下:
<ion-option-button class="button button-assertive" on-tap="confirmDelete(expense.id)">Delete</ion-option-button>
ion-option-button 是Ionic提供的另一个指令,用于在ion-item指令内试用。默认的,ion-option-button 是隐藏的,当在ion-item内向左滑动,则按钮会可见。这个功能尤其对小屏幕设备非常重要。另外,还可通过该指令内置的can-swipe来实现对这个权限的管理--如有的用户不允许删除操作权限。
在删除函数中(控制器),可看到代码片段如下:
function confirmDelete(expenseId) {// delete expense by its id property$scope.expenses = ExpenseSvc.deleteExpense(expenseId);
}
通过这个代码,我们调用ExpenseSvc服务的deleteExpense进行删除指定的开支记录(expenseId),同时这个方法也会返回开支记录集合用于更新页面数据。在真实的场景中,删除记录返回整个集合不是最理想的,但在此处我们用于演示说明。可动手试着删除几行数据试试。
另外,在删除这种比较危险的操作中,应该需要添加对话框再次提醒一下用户。这里我们使用了Ionic提供的$ionicActionSheet service服务来实现。更新www\js\controllers\history.js控制器代码的confirmDelete函数如下:
//删除开支记录 $scope.confirmDelete = function (expenseId) {//ionic的 确认对话框// show()函数返回了一个函数,用于隐藏actionSheetvar hideSheet = $ionicActionSheet.show({titleText: 'Are you sure that you\'d like to delete this expense?',cancelText: 'Cancel',destructiveText: 'Delete',cancel: function () {// 如果用户选择cancel, 则会隐藏删除按钮 $ionicListDelegate.closeOptionButtons();},destructiveButtonClicked: function () {// 通过id删除开支记录$scope.expenses = ExpenseSvc.deleteExpense(expenseId);// 隐藏对话框 hideSheet();}}); };
ionicActionSheet服务提供了自定义接口,可实现各种提示对话框。上面代码实现的提示对话框效果截图如下:
创建开支记录
点击History页面右上角的可实现手工创建一条新的开支记录。在www\templates\createExpense.tpl.htm文件中,代码如下:
<ion-view title="Create"><ion-content class="has-header padding"><form name="frmCreate"><div class="custom-form-list list"><label class="item item-input"><i class="icon ion-alert-circled placeholder-icon assertive" ng-show="!frmCreate.title.$pristine && frmCreate.title.$invalid"></i><input name="title" type="text" placeholder="Title" ng-model="expense.title" ng-maxlength="55" required></label><wj-input-number value="expense.amount" min="0" step="5" format="c2"></wj-input-number><wj-calendar value="expense.date"></wj-calendar> <wj-combo-box items-source="categories" display-member-path="htmlContent"selected-value-path="id"selected-value="expense.categoryId" is-editable="false" is-content-html="true"></wj-combo-box><label class="item item-input"><textarea placeholder="Description" ng-model="expense.description"></textarea></label></div><div class="button-bar"><button type="button" class="button button-dark icon-left ion-close" on-tap="cancel()">Cancel</button><button type="button" class="button button-balanced icon-left ion-checkmark" on-tap="addExpense()" ng-disabled="frmCreate.title.$invalid">Save</button></div></form></ion-content> </ion-view>
这里使用ion-view 和 ion-content 指令进行内容展现。然后再添加Form,用ng-show指令验证输入内容---Wijmo的指令已经在输入门限做了限制,故不需要验证。同时Wijmo Calendar 和InputNumber应该是自解释,ComboBox中可能不是。
ComboBox关联数据模型中的开支分类,我们通过其itemsSource属性进行数据绑定。ComboBox的displayMemberPath 用于设置显示内容,selectedItem的selectedValue用于选择开支分类的id属性。
在createExpense 控制器中,可看到如下的代码片段:
// 初始化Expense object $scope.expense = new Expense('', 0, new Date(), '', null);// 获得HTML类型的开支分类 $scope.categories = CategorySvc.getCategoriesWithHtmlContent();// 用localStorage存储开支数据 $scope.addExpense = function () {// insert expense ExpenseSvc.insertExpense($scope.expense);$scope.cancel(); };// 取消方法 (如,可回到主页面) $scope.cancel = function () {$state.go('app.overview');};
上面的第一行代码用于初始化一个开支记录,用Expense的构造函数来实现,并赋值给$scope.expense对象。 开支分类,通过调用CategorySvc服务的接口,从localStorage获得数组。addExpense 方法用于提交新增的开支记录,同样用到了ExpenseSvc服务。最后一个函数$scope.canel使用了UI Router的 $state 服务,导航到主页面。
运行app,截图如下:
Details Grid
在前面几节中,我们分别学习了如何查看、创建、删除开支记录。在本节,我们将通过Wijmo5的FlexGrid和CollectionView批量对开支记录进行呈现,打开detailsGrid 模板文件,添加如下代码片段:
<ion-view title="Details Grid"><!-- set overflow-scroll="true" and hand scrolling to native --><ion-content class="has-header" overflow-scroll="true"><wj-flex-grid auto-generate-columns="false" items-source="data" selection-mode="Row" row-edit-ending="rowEditEnding(s,e)" style="position:relative"><wj-flex-grid-column width="2*" min-width="250" header="Title" binding="title"></wj-flex-grid-column><wj-flex-grid-column width="*" min-width="100" header="Amount" binding="amount" format="c2"></wj-flex-grid-column><wj-flex-grid-column width="*" min-width="100" header="Date" binding="date"></wj-flex-grid-column><wj-flex-grid-column width="2*" min-width="250" header="Description" binding="description"></wj-flex-grid-column></wj-flex-grid></ion-content><ion-footer-bar class="bar button-bar-footer"><div class="button-bar"><button type="button" class="button button-dark icon-left ion-close" on-tap="cancel()">Cancel</button><button type="button" class="button button-balanced icon-left ion-checkmark" ng-disabled="!data.itemsEdited.length" on-tap="update()">Save</button></div></ion-footer-bar> </ion-view>
在FlexGrid指令下面,我们添加了2个按钮,Cancel和Save,分别用于当点击的时候进行取消和存储操作,数据存储于localStorage。其中,Save按钮的默认不可用,通过ngDisabled的表达式进行控制。
FlexGrid 指令,用于在模板内生成Wijmo5的FlexGrid 控件。我们使用itemsSource 进行数据源绑定,同时通过autoGenerateColumns=”false”关闭自动生成数据列,以及SelectMode类型为整行Row。同时也设置了FlexGrid的rowEditEnding事件,用于验证数据输入。在FlexGrid内部,定义了Columns,分别指定了header、binding、width。
如下代码是detailsGrid 控制器片段:
// 通过localStorage获得开支记录数据,并初始化CollectionView $scope.data = new wijmo.collections.CollectionView(ExpenseSvc.getExpenses());// CollectionView的变更可跟踪 $scope.data.trackChanges = true;// 批量更新开支记录 $scope.update = function () {// make sure items have been editedif ($scope.data.itemsEdited.length) {// bulk update expenses ExpenseSvc.updateExpenses($scope.data.itemsEdited);// return to overview page $scope.cancel();} };// 取消方法 (如导航到主页面) $scope.cancel = function () {$state.go('app.overview'); };// FlexGrid.rowEditEnding事件处理 $scope.rowEditEnding = function (sender, args) {var expense = $scope.data.currentEditItem, // get expense being editedisValid = isExpenseValid(expense); // validate expense// if the expense isn't valid, cancel the edit operationif (!isValid) {$scope.data.cancelEdit();return;} };// 验证函数:确保开支记录数据合法有效 function isExpenseValid(expense) {return expense &&expense.title !== '' &&expense.title.length < 55 &&wijmo.isNumber(expense.amount) &&wijmo.isDate(expense.date) &&expense.amount >= 0; }
上面代码的第一行,通过从localStorage 加载数据,然后初始化CollectionView的对象,继而赋值给$scope.data对象,用于给前端HTML进行Data-Source绑定数据源。
接下来看cancel、update方法,cancel方法和上面的一样,使用了UI Router的$state服务进行回到首页。update方法,先进行数据判断,通过核查$scope.data.itemsEdited.length是否有效(是否有开支记录变更),然后再调用ExpenseSvc 进行数据修改,对localStorage数据进行存储处理。
最后,FlexGrid的rowEditEnding事件触发了rowEditEnding函数,即当row修改完成后尚未cancel、update前触发。在这里进行有效性判断,若无效则cancel并返回。这里,我们使用了Wijmo 5提供的工具函数:isNumber和isDate来进行判断。
运行Details Grid截图如下:
概述
修改app.routes.js 文件,从默认的history页面到overview页面:
$urlRouterProvider.otherwise('/app/history');to:$urlRouterProvider.otherwise('/app/overview');
这个细小的改变使得UI Router 会对没有明确重定向的,均会导向overview页面。
overview页面代码如下所示:
<ion-view title="Overview"><ion-nav-buttons side="right"><a class="button button-icon icon ion-plus" href="#/app/create"></a></ion-nav-buttons><ion-content class="has-header padding"><div ng-show="hasExpenses"><hgroup class="text-center padding-vertical"><h2 class="title"><span ng-class="expensesCssClass">{{ totalExpenses | currency }}</span> of {{ budget | currency }}</h2><h4>{{ budgetMsg }}</h4></hgroup><wj-flex-chart items-source="categories"chart-type="Bar" binding-x="name"tooltip-content=""selection-mode="Point"footer="Tap the chart's bars to see history by category"selection-changed="selectionChanged(s)"item-formatter="itemFormatter"style="height: 400px;"><wj-flex-chart-series binding="total"></wj-flex-chart-series><wj-flex-chart-axis wj-property="axisX" format="c0"></wj-flex-chart-axis><wj-flex-chart-axis wj-property="axisY" reversed="true" major-grid="false" axis-line="true"></wj-flex-chart-axis></wj-flex-chart></div><div ng-hide="hasExpenses"><h4 class="padding text-center">You haven't added any expenses yet! Click the <i class="icon ion-plus"></i> button to get started!</h4></div></ion-content> </ion-view>
上面的代码,首先使用hgroup元素呈现了开支记录的总和。下面接着使用了Wijmo 5 FlexChart 渲染了每个开支分类的开支金额,在FlexChart 指令内,我们指定了一些属性,如数据序列、x、y轴,同时当点击Bar的时候会触发FlexChart的plot elements 事件,对当前分类详情做列表呈现。
上面这些功能的实现,基于overview.js文件的逻辑:
// 通过BudgetSvc服务,获得localStorage数据 $scope.budget = BudgetSvc.getBudget();// 判断是否有开支记录,返回bool $scope.hasExpenses = ExpenseSvc.hasExpenses();// 获得开支的总金额 $scope.totalExpenses = ExpenseSvc.getExpenseTotal();// 获得各个分类的小计金额 $scope.categories = ExpenseSvc.getCategoriesExpenseSummary();// 初始化CSS 样式 $scope.expensesCssClass = 'energized';//设置开支金额显示字符串 // NOTE: use $filter service to format the total prior to concatenating the string $scope.budgetMsg = $scope.totalExpenses <= $scope.budget? $filter('currency')($scope.budget - $scope.totalExpenses).concat(' until you reach your monthly limit'): $filter('currency')($scope.totalExpenses - $scope.budget).concat(' over your monthly limit');//设置开支css样式 $scope.expensesCssClass = 0 === $scope.totalExpenses? 'dark': $scope.totalExpenses === $scope.budget? 'energized': $scope.totalExpenses > $scope.budget? 'assertive': 'balanced';//*** FlexChart's selectionChanged event handler $scope.selectionChanged = function (sender) {var category = null;if (sender.selection && sender.selection.collectionView.currentItem) {// get the currently selected categorycategory = sender.selection.collectionView.currentItem;// navigate to the category history page to display expenses for selected category$state.go('app.category-history', { category: category.slug });} };//*** set color of FlexChart's plot elements $scope.itemFormatter = function (engine, hitTestInfo, defaultFormat) {if (hitTestInfo.chartElement === wijmo.chart.ChartElement.SeriesSymbol) {// set the SVG fill and stroke based on the category's bgColor propertyengine.fill = hitTestInfo.item.bgColor;engine.stroke = hitTestInfo.item.bgColor;defaultFormat();}};
预览截图如下:
下载地址
- 在线演示地址
- 源码下载地址
相关阅读:
开放才能进步!Angular和Wijmo一起走过的日子
Angular vs React 最全面深入对比
Wijmo已率先支持Angular4 & TypeScript 2.2
如若内容造成侵权/违法违规/事实不符,请联系编程学习网邮箱:809451989@qq.com进行投诉反馈,一经查实,立即删除!
相关文章
- web前端全部课件(html5+CSS3+javascript+dom+bom+jquery+jqm+bootstrap+angular+ext+weixin+less)...
一、HTML5 BASIC课件 Unit01:Web基础知识、HTML快速入门、文本 Unit02:图像和链接、表格、结构标记 Unit03:列表、表单、其他常用标记 二、CSS3 BASIC课件 Unit01:CSS 概述、CSS 语法\尺寸与边框 Unit02:框模型、背景、渐变\文本…...
2024/4/23 5:16:41 - js+html 实现关系拓扑图
最近要做一个功能。需要用到关系拓扑图。做了一些调研。发现相关插件很多接下来做个分析 1.yWorks 德国人做的。支持jAjax,html ,php。 官网 https://www.yworks.com/ 需要收费 官网demo效果如下: 2.Qunee 中国人自己开发的,…...
2024/4/29 2:26:05 - Mobile first! Wijmo 5 + Ionic Framework之:Hello World!
本教程中,我们用Wijmo 5 和 Ionic Framework实现一个Mobile的工程:Hello World。 Ionic是什么? Ionic是一个HTML5框架、免费、开源,用于帮助生成hybird mobile Apps (混合移动应用)。 Ionic包含3部分: CSS 样式:用于渲…...
2024/4/20 20:05:17 - javascript开源大全
javascript开源大全Ajax框架-jQuery 可视化HTML编辑器-CKEditor 国产jQuery-UI框架-(jUI)-DWZ 网页开发FireFox插件-Firebug 服务器端的JavaScript脚本-Node.js jQuery图表插件-jQchart HTML5-开发框架-jQuery-Mobile 跨浏览器的RIA框架-ExtJS Flash视频播放器-JW-PLAYER jQuer…...
2024/4/20 20:05:16 - antd tree相关操作:selected要把子集也赋值给checkedKeys,右键 菜单操作
selected要把子集也赋值给checkedKeys,右键 菜单显示,隐藏右键菜单可以设置遮罩层,点击遮罩层隐藏 // 左键函数:注意把selectedKeys下的子集也要赋给checkedKeys onSelect (selectedKeys,e) > {const childrenKeys e.node.g…...
2024/4/28 17:26:32 - angular 8 安装 ztree
首先 : npm i types/jquery 会安装jQuery 和 $ 的定义 然后输入:npm install ztree/ztree_v3 安装ztree,但还是不能用的,需要做如下配置 jQuery 也要引入 在需要用到的组件中,定义一下$, $.fn.zTree.init就可以用了…...
2024/5/7 8:32:08 - Angular primeng tree 组件数据解析(适用于Angular2+)
1.项目中引入 primeng tree组件 import{TreeModule}fromprimeng/tree; import{TreeNode}fromprimeng/api; 2.本文讲解把一个后台返回数据,转化成tree需要的类型 后台返回json如下: { "count":1, "errCode":0, "message&qu…...
2024/4/30 20:57:47 - angularjs与jquery treetable结合
angularjs(自定义指令方式)与jquery treetable 结合实现table树。 /*** Created by ken on 2017/3/1.*/ angular.module(app).directive(repeatFinish,function($timeout){return {restrict: A,link: function(scope,elem,attr){//当前循环至最后一个if…...
2024/4/30 19:08:51 - Angular 实现树形菜单(多级菜单)功能模块
前言本文要分享的是一个多级菜单效果,也就是传说中的树形结构菜单,理论上支持无限级菜单,当然数据结构要一定的要求,但这都不是什么难事,因为我们可以把数据组装成所需要的结构。下面这个例子虽然不是很完美好…...
2024/5/1 0:13:20 - ionic4--使用nz-tree树形结构
1. 安装 Angular 的 ng-zorro-antd 组件库 npm install ng-zorro-antd7.3.3 --save //因为我本地的Angular版本是7.2.2,所以只能用低版本的zorro *注意需要查看本地Angular的版本,在 https://ng.ant.design/docs/introduce/zh 这个网站上查看所需要的版…...
2024/5/1 3:51:05 - ElementUI tree异步树(懒加载)节点局部刷新
前言:最近使用element开发项目,在使用异步树时(即添加了lazy),翻阅了官方提供的文档,并未找到可直接提供给开发者使用的刷新某个树节点的方法(即增加某个树节点或修改某个树节点后无法实现实时刷新整棵树或…...
2024/4/30 20:35:23 - angular9中使用ng-zorro树插件怎么获取选中的节点
这里写目录标题一、环境二、安装方法简单的使用三、遇到的问题1.怎么获取选中的节点一、环境 "angular/cli": "^9.1.3", "ng-zorro-antd": "^9.1.0",二、安装方法简单的使用 参考文章:https://ng.ant.design/components/…...
2024/5/1 2:03:17 - 初探angular之[$injector:modulerr]
学习angular的人, 想必对这个错误—$injector:modulerr都不陌生. 大多数遇到的错误生成原因, 应该是ui.route.js引入错误.但是其实有另一个原因也会导致这个错误.如下: window.onload function(){var app angular.module(myApp, []);app.controller(customersCtrl, functio…...
2024/4/30 20:40:30 - Metronic+angular8 1. 学习—如何在angular8项目中嵌入Metronic
关于如何在angular8项目中嵌入Metronic,找了很久,后来才明白,应该是没什么办法。因为Metronic是付费的UI框架,所以买了之后会有一个文件夹,如下图所示: 这个文件夹中有很多angular的demo,如下…...
2024/5/5 14:04:42 - 生成树形结构的json字符串代码(c#)供前端angular tree使用.
框架是使用EF6.0.可以针对返回的值使用Newtonsoft.Json.dll(百度搜一下)来对返回的值序列化为json字符串,如果对以下值那就是使用JsonConvert.SerializeObject(functionTree),啥都不说,上实例代码 /// <summary>/// init tree/// </summary>…...
2024/4/30 22:38:27 - Angular 渲染 树结构 页面节点
1、数据结构(TypeScript) tree: any[] [{name: root,children: [{ name: child1, children: [] },{ name: child2, children: [] },{ name: child3, children: [] }// ......]}] 2、HTML <div><ng-template #treeList let-list><li *ngFor"…...
2024/4/30 19:31:42 - Angular树tree的用法
1.java 后台package com.dsunsoft.cqhzz.blogic.java.I0202; import java.util.ArrayList;import java.util.HashMap;import java.util.List;import java.util.Map; import org.slf4j.Logger;import org.slf4j.LoggerFactory; import com.dsunsoft.cqhzz.bean.Tree;import com.…...
2024/5/1 2:46:40 - angular jit and aot
angular jit and aot 为什么需要编译 Angular应用中包含的组件、HTML模板(比如:Directive、Component、NgModule、Pipe)很多都是JS VM无法解析的,所以在浏览器渲染应用之前,组件和模板必须要被Angular编译器转换为可以…...
2024/4/30 21:21:05 - 在angular中使用editable-grid经验
最近做项目,需要用到table tree这种样式,在百度百了好久都没有找到,然后在npmjs中找,依然是没有基于angular的插件,但发现了一个基于bootstrap的table。 但发现妹的不会在angular中使用。。。。。 摸索了好久加老大的指…...
2024/5/1 3:47:03 - fastdfs文件服务器实现文件上传
fastdfs文件服务器实现文件上传 引入依赖 <dependency><groupId>commons-fileupload</groupId><artifactId>commons-fileupload</artifactId><version>1.3.1</version> </dependency> <dependency><groupId>org…...
2024/5/1 0:52:51
最新文章
- React 第二十三章 shouldComponentUpdate
React 中的 shouldComponentUpdate 是一个生命周期方法,用于控制组件是否需要重新渲染。 文档地址:https://zh-hans.reactjs.org/docs/react-component.html#shouldcomponentupdate shouldComponentUpdate 接收两个参数:nextProps 和 nextS…...
2024/5/7 10:35:10 - 梯度消失和梯度爆炸的一些处理方法
在这里是记录一下梯度消失或梯度爆炸的一些处理技巧。全当学习总结了如有错误还请留言,在此感激不尽。 权重和梯度的更新公式如下: w w − η ⋅ ∇ w w w - \eta \cdot \nabla w ww−η⋅∇w 个人通俗的理解梯度消失就是网络模型在反向求导的时候出…...
2024/5/7 10:36:02 - docker进行jenkins接口自动化测试持续集成实战
文章目录 一、接口功能自动化测试项目源码讲解二、接口功能自动化测试运行环境配置1、下载jdk,maven,git,allure并配置对应的环境变量2、使用docker安装jenkins3、配置接口测试的运行时环境选择对应节点4、jenkins下载插件5、jenkins配置环境…...
2024/5/7 9:47:29 - WKWebView的使用
一、简介 在iOS中,WKWebView是WebKit框架提供的一个用于展示网页内容的控件,相比UIWebView有更好的性能和功能。 以下是在iOS中使用WKWebView的基本步骤: 1.1 导入WebKit框架 import WebKit1.2 创建WKWebView实例 let webView WKWebVie…...
2024/5/7 2:13:01 - 【外汇早评】美通胀数据走低,美元调整
原标题:【外汇早评】美通胀数据走低,美元调整昨日美国方面公布了新一期的核心PCE物价指数数据,同比增长1.6%,低于前值和预期值的1.7%,距离美联储的通胀目标2%继续走低,通胀压力较低,且此前美国一季度GDP初值中的消费部分下滑明显,因此市场对美联储后续更可能降息的政策…...
2024/5/7 5:50:09 - 【原油贵金属周评】原油多头拥挤,价格调整
原标题:【原油贵金属周评】原油多头拥挤,价格调整本周国际劳动节,我们喜迎四天假期,但是整个金融市场确实流动性充沛,大事频发,各个商品波动剧烈。美国方面,在本周四凌晨公布5月份的利率决议和新闻发布会,维持联邦基金利率在2.25%-2.50%不变,符合市场预期。同时美联储…...
2024/5/7 9:45:25 - 【外汇周评】靓丽非农不及疲软通胀影响
原标题:【外汇周评】靓丽非农不及疲软通胀影响在刚结束的周五,美国方面公布了新一期的非农就业数据,大幅好于前值和预期,新增就业重新回到20万以上。具体数据: 美国4月非农就业人口变动 26.3万人,预期 19万人,前值 19.6万人。 美国4月失业率 3.6%,预期 3.8%,前值 3…...
2024/5/4 23:54:56 - 【原油贵金属早评】库存继续增加,油价收跌
原标题:【原油贵金属早评】库存继续增加,油价收跌周三清晨公布美国当周API原油库存数据,上周原油库存增加281万桶至4.692亿桶,增幅超过预期的74.4万桶。且有消息人士称,沙特阿美据悉将于6月向亚洲炼油厂额外出售更多原油,印度炼油商预计将每日获得至多20万桶的额外原油供…...
2024/5/6 9:21:00 - 【外汇早评】日本央行会议纪要不改日元强势
原标题:【外汇早评】日本央行会议纪要不改日元强势近两日日元大幅走强与近期市场风险情绪上升,避险资金回流日元有关,也与前一段时间的美日贸易谈判给日本缓冲期,日本方面对汇率问题也避免继续贬值有关。虽然今日早间日本央行公布的利率会议纪要仍然是支持宽松政策,但这符…...
2024/5/4 23:54:56 - 【原油贵金属早评】欧佩克稳定市场,填补伊朗问题的影响
原标题:【原油贵金属早评】欧佩克稳定市场,填补伊朗问题的影响近日伊朗局势升温,导致市场担忧影响原油供给,油价试图反弹。此时OPEC表态稳定市场。据消息人士透露,沙特6月石油出口料将低于700万桶/日,沙特已经收到石油消费国提出的6月份扩大出口的“适度要求”,沙特将满…...
2024/5/4 23:55:05 - 【外汇早评】美欲与伊朗重谈协议
原标题:【外汇早评】美欲与伊朗重谈协议美国对伊朗的制裁遭到伊朗的抗议,昨日伊朗方面提出将部分退出伊核协议。而此行为又遭到欧洲方面对伊朗的谴责和警告,伊朗外长昨日回应称,欧洲国家履行它们的义务,伊核协议就能保证存续。据传闻伊朗的导弹已经对准了以色列和美国的航…...
2024/5/4 23:54:56 - 【原油贵金属早评】波动率飙升,市场情绪动荡
原标题:【原油贵金属早评】波动率飙升,市场情绪动荡因中美贸易谈判不安情绪影响,金融市场各资产品种出现明显的波动。随着美国与中方开启第十一轮谈判之际,美国按照既定计划向中国2000亿商品征收25%的关税,市场情绪有所平复,已经开始接受这一事实。虽然波动率-恐慌指数VI…...
2024/5/4 23:55:16 - 【原油贵金属周评】伊朗局势升温,黄金多头跃跃欲试
原标题:【原油贵金属周评】伊朗局势升温,黄金多头跃跃欲试美国和伊朗的局势继续升温,市场风险情绪上升,避险黄金有向上突破阻力的迹象。原油方面稍显平稳,近期美国和OPEC加大供给及市场需求回落的影响,伊朗局势并未推升油价走强。近期中美贸易谈判摩擦再度升级,美国对中…...
2024/5/4 23:54:56 - 【原油贵金属早评】市场情绪继续恶化,黄金上破
原标题:【原油贵金属早评】市场情绪继续恶化,黄金上破周初中国针对于美国加征关税的进行的反制措施引发市场情绪的大幅波动,人民币汇率出现大幅的贬值动能,金融市场受到非常明显的冲击。尤其是波动率起来之后,对于股市的表现尤其不安。隔夜美国股市出现明显的下行走势,这…...
2024/5/6 1:40:42 - 【外汇早评】美伊僵持,风险情绪继续升温
原标题:【外汇早评】美伊僵持,风险情绪继续升温昨日沙特两艘油轮再次发生爆炸事件,导致波斯湾局势进一步恶化,市场担忧美伊可能会出现摩擦生火,避险品种获得支撑,黄金和日元大幅走强。美指受中美贸易问题影响而在低位震荡。继5月12日,四艘商船在阿联酋领海附近的阿曼湾、…...
2024/5/4 23:54:56 - 【原油贵金属早评】贸易冲突导致需求低迷,油价弱势
原标题:【原油贵金属早评】贸易冲突导致需求低迷,油价弱势近日虽然伊朗局势升温,中东地区几起油船被袭击事件影响,但油价并未走高,而是出于调整结构中。由于市场预期局势失控的可能性较低,而中美贸易问题导致的全球经济衰退风险更大,需求会持续低迷,因此油价调整压力较…...
2024/5/4 23:55:17 - 氧生福地 玩美北湖(上)——为时光守候两千年
原标题:氧生福地 玩美北湖(上)——为时光守候两千年一次说走就走的旅行,只有一张高铁票的距离~ 所以,湖南郴州,我来了~ 从广州南站出发,一个半小时就到达郴州西站了。在动车上,同时改票的南风兄和我居然被分到了一个车厢,所以一路非常愉快地聊了过来。 挺好,最起…...
2024/5/7 9:26:26 - 氧生福地 玩美北湖(中)——永春梯田里的美与鲜
原标题:氧生福地 玩美北湖(中)——永春梯田里的美与鲜一觉醒来,因为大家太爱“美”照,在柳毅山庄去寻找龙女而错过了早餐时间。近十点,向导坏坏还是带着饥肠辘辘的我们去吃郴州最富有盛名的“鱼头粉”。说这是“十二分推荐”,到郴州必吃的美食之一。 哇塞!那个味美香甜…...
2024/5/4 23:54:56 - 氧生福地 玩美北湖(下)——奔跑吧骚年!
原标题:氧生福地 玩美北湖(下)——奔跑吧骚年!让我们红尘做伴 活得潇潇洒洒 策马奔腾共享人世繁华 对酒当歌唱出心中喜悦 轰轰烈烈把握青春年华 让我们红尘做伴 活得潇潇洒洒 策马奔腾共享人世繁华 对酒当歌唱出心中喜悦 轰轰烈烈把握青春年华 啊……啊……啊 两…...
2024/5/4 23:55:06 - 扒开伪装医用面膜,翻六倍价格宰客,小姐姐注意了!
原标题:扒开伪装医用面膜,翻六倍价格宰客,小姐姐注意了!扒开伪装医用面膜,翻六倍价格宰客!当行业里的某一品项火爆了,就会有很多商家蹭热度,装逼忽悠,最近火爆朋友圈的医用面膜,被沾上了污点,到底怎么回事呢? “比普通面膜安全、效果好!痘痘、痘印、敏感肌都能用…...
2024/5/5 8:13:33 - 「发现」铁皮石斛仙草之神奇功效用于医用面膜
原标题:「发现」铁皮石斛仙草之神奇功效用于医用面膜丽彦妆铁皮石斛医用面膜|石斛多糖无菌修护补水贴19大优势: 1、铁皮石斛:自唐宋以来,一直被列为皇室贡品,铁皮石斛生于海拔1600米的悬崖峭壁之上,繁殖力差,产量极低,所以古代仅供皇室、贵族享用 2、铁皮石斛自古民间…...
2024/5/4 23:55:16 - 丽彦妆\医用面膜\冷敷贴轻奢医学护肤引导者
原标题:丽彦妆\医用面膜\冷敷贴轻奢医学护肤引导者【公司简介】 广州华彬企业隶属香港华彬集团有限公司,专注美业21年,其旗下品牌: 「圣茵美」私密荷尔蒙抗衰,产后修复 「圣仪轩」私密荷尔蒙抗衰,产后修复 「花茵莳」私密荷尔蒙抗衰,产后修复 「丽彦妆」专注医学护…...
2024/5/4 23:54:58 - 广州械字号面膜生产厂家OEM/ODM4项须知!
原标题:广州械字号面膜生产厂家OEM/ODM4项须知!广州械字号面膜生产厂家OEM/ODM流程及注意事项解读: 械字号医用面膜,其实在我国并没有严格的定义,通常我们说的医美面膜指的应该是一种「医用敷料」,也就是说,医用面膜其实算作「医疗器械」的一种,又称「医用冷敷贴」。 …...
2024/5/6 21:42:42 - 械字号医用眼膜缓解用眼过度到底有无作用?
原标题:械字号医用眼膜缓解用眼过度到底有无作用?医用眼膜/械字号眼膜/医用冷敷眼贴 凝胶层为亲水高分子材料,含70%以上的水分。体表皮肤温度传导到本产品的凝胶层,热量被凝胶内水分子吸收,通过水分的蒸发带走大量的热量,可迅速地降低体表皮肤局部温度,减轻局部皮肤的灼…...
2024/5/4 23:54:56 - 配置失败还原请勿关闭计算机,电脑开机屏幕上面显示,配置失败还原更改 请勿关闭计算机 开不了机 这个问题怎么办...
解析如下:1、长按电脑电源键直至关机,然后再按一次电源健重启电脑,按F8健进入安全模式2、安全模式下进入Windows系统桌面后,按住“winR”打开运行窗口,输入“services.msc”打开服务设置3、在服务界面,选中…...
2022/11/19 21:17:18 - 错误使用 reshape要执行 RESHAPE,请勿更改元素数目。
%读入6幅图像(每一幅图像的大小是564*564) 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 - 配置 已完成 请勿关闭计算机,win7系统关机提示“配置Windows Update已完成30%请勿关闭计算机...
win7系统关机提示“配置Windows Update已完成30%请勿关闭计算机”问题的解决方法在win7系统关机时如果有升级系统的或者其他需要会直接进入一个 等待界面,在等待界面中我们需要等待操作结束才能关机,虽然这比较麻烦,但是对系统进行配置和升级…...
2022/11/19 21:17:15 - 台式电脑显示配置100%请勿关闭计算机,“准备配置windows 请勿关闭计算机”的解决方法...
有不少用户在重装Win7系统或更新系统后会遇到“准备配置windows,请勿关闭计算机”的提示,要过很久才能进入系统,有的用户甚至几个小时也无法进入,下面就教大家这个问题的解决方法。第一种方法:我们首先在左下角的“开始…...
2022/11/19 21:17:14 - win7 正在配置 请勿关闭计算机,怎么办Win7开机显示正在配置Windows Update请勿关机...
置信有很多用户都跟小编一样遇到过这样的问题,电脑时发现开机屏幕显现“正在配置Windows Update,请勿关机”(如下图所示),而且还需求等大约5分钟才干进入系统。这是怎样回事呢?一切都是正常操作的,为什么开时机呈现“正…...
2022/11/19 21:17:13 - 准备配置windows 请勿关闭计算机 蓝屏,Win7开机总是出现提示“配置Windows请勿关机”...
Win7系统开机启动时总是出现“配置Windows请勿关机”的提示,没过几秒后电脑自动重启,每次开机都这样无法进入系统,此时碰到这种现象的用户就可以使用以下5种方法解决问题。方法一:开机按下F8,在出现的Windows高级启动选…...
2022/11/19 21:17:12 - 准备windows请勿关闭计算机要多久,windows10系统提示正在准备windows请勿关闭计算机怎么办...
有不少windows10系统用户反映说碰到这样一个情况,就是电脑提示正在准备windows请勿关闭计算机,碰到这样的问题该怎么解决呢,现在小编就给大家分享一下windows10系统提示正在准备windows请勿关闭计算机的具体第一种方法:1、2、依次…...
2022/11/19 21:17:11 - 配置 已完成 请勿关闭计算机,win7系统关机提示“配置Windows Update已完成30%请勿关闭计算机”的解决方法...
今天和大家分享一下win7系统重装了Win7旗舰版系统后,每次关机的时候桌面上都会显示一个“配置Windows Update的界面,提示请勿关闭计算机”,每次停留好几分钟才能正常关机,导致什么情况引起的呢?出现配置Windows Update…...
2022/11/19 21:17:10 - 电脑桌面一直是清理请关闭计算机,windows7一直卡在清理 请勿关闭计算机-win7清理请勿关机,win7配置更新35%不动...
只能是等着,别无他法。说是卡着如果你看硬盘灯应该在读写。如果从 Win 10 无法正常回滚,只能是考虑备份数据后重装系统了。解决来方案一:管理员运行cmd:net stop WuAuServcd %windir%ren SoftwareDistribution SDoldnet start WuA…...
2022/11/19 21:17:09 - 计算机配置更新不起,电脑提示“配置Windows Update请勿关闭计算机”怎么办?
原标题:电脑提示“配置Windows Update请勿关闭计算机”怎么办?win7系统中在开机与关闭的时候总是显示“配置windows update请勿关闭计算机”相信有不少朋友都曾遇到过一次两次还能忍但经常遇到就叫人感到心烦了遇到这种问题怎么办呢?一般的方…...
2022/11/19 21:17:08 - 计算机正在配置无法关机,关机提示 windows7 正在配置windows 请勿关闭计算机 ,然后等了一晚上也没有关掉。现在电脑无法正常关机...
关机提示 windows7 正在配置windows 请勿关闭计算机 ,然后等了一晚上也没有关掉。现在电脑无法正常关机以下文字资料是由(历史新知网www.lishixinzhi.com)小编为大家搜集整理后发布的内容,让我们赶快一起来看一下吧!关机提示 windows7 正在配…...
2022/11/19 21:17:05 - 钉钉提示请勿通过开发者调试模式_钉钉请勿通过开发者调试模式是真的吗好不好用...
钉钉请勿通过开发者调试模式是真的吗好不好用 更新时间:2020-04-20 22:24:19 浏览次数:729次 区域: 南阳 > 卧龙 列举网提醒您:为保障您的权益,请不要提前支付任何费用! 虚拟位置外设器!!轨迹模拟&虚拟位置外设神器 专业用于:钉钉,外勤365,红圈通,企业微信和…...
2022/11/19 21:17:05 - 配置失败还原请勿关闭计算机怎么办,win7系统出现“配置windows update失败 还原更改 请勿关闭计算机”,长时间没反应,无法进入系统的解决方案...
前几天班里有位学生电脑(windows 7系统)出问题了,具体表现是开机时一直停留在“配置windows update失败 还原更改 请勿关闭计算机”这个界面,长时间没反应,无法进入系统。这个问题原来帮其他同学也解决过,网上搜了不少资料&#x…...
2022/11/19 21:17:04 - 一个电脑无法关闭计算机你应该怎么办,电脑显示“清理请勿关闭计算机”怎么办?...
本文为你提供了3个有效解决电脑显示“清理请勿关闭计算机”问题的方法,并在最后教给你1种保护系统安全的好方法,一起来看看!电脑出现“清理请勿关闭计算机”在Windows 7(SP1)和Windows Server 2008 R2 SP1中,添加了1个新功能在“磁…...
2022/11/19 21:17:03 - 请勿关闭计算机还原更改要多久,电脑显示:配置windows更新失败,正在还原更改,请勿关闭计算机怎么办...
许多用户在长期不使用电脑的时候,开启电脑发现电脑显示:配置windows更新失败,正在还原更改,请勿关闭计算机。。.这要怎么办呢?下面小编就带着大家一起看看吧!如果能够正常进入系统,建议您暂时移…...
2022/11/19 21:17:02 - 还原更改请勿关闭计算机 要多久,配置windows update失败 还原更改 请勿关闭计算机,电脑开机后一直显示以...
配置windows update失败 还原更改 请勿关闭计算机,电脑开机后一直显示以以下文字资料是由(历史新知网www.lishixinzhi.com)小编为大家搜集整理后发布的内容,让我们赶快一起来看一下吧!配置windows update失败 还原更改 请勿关闭计算机&#x…...
2022/11/19 21:17:01 - 电脑配置中请勿关闭计算机怎么办,准备配置windows请勿关闭计算机一直显示怎么办【图解】...
不知道大家有没有遇到过这样的一个问题,就是我们的win7系统在关机的时候,总是喜欢显示“准备配置windows,请勿关机”这样的一个页面,没有什么大碍,但是如果一直等着的话就要两个小时甚至更久都关不了机,非常…...
2022/11/19 21:17:00 - 正在准备配置请勿关闭计算机,正在准备配置windows请勿关闭计算机时间长了解决教程...
当电脑出现正在准备配置windows请勿关闭计算机时,一般是您正对windows进行升级,但是这个要是长时间没有反应,我们不能再傻等下去了。可能是电脑出了别的问题了,来看看教程的说法。正在准备配置windows请勿关闭计算机时间长了方法一…...
2022/11/19 21:16:59 - 配置失败还原请勿关闭计算机,配置Windows Update失败,还原更改请勿关闭计算机...
我们使用电脑的过程中有时会遇到这种情况,当我们打开电脑之后,发现一直停留在一个界面:“配置Windows Update失败,还原更改请勿关闭计算机”,等了许久还是无法进入系统。如果我们遇到此类问题应该如何解决呢࿰…...
2022/11/19 21:16:58 - 如何在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