-
阿里巴巴矢量图标如何引入项目
2018-07-18 17:57:38一:单个图标的引用方法,直接下载,选择样式,当做图片引入项目即可 二:多个图标的引入方法: 选择图标,点击的不是下载了,而是加入购物车,然后右上角的购物车里面数字一直增加,点开。如下图。添加到项目里面...一:单个图标的引用方法,直接下载,选择样式,当做图片引入项目即可
二:多个图标的引入方法:
选择图标,点击的不是下载了,而是加入购物车,然后右上角的购物车里面数字一直增加,点开。如下图。添加到项目里面,然后可以打开自己的项目,没有就新建一个项目。完成后,进去项目管理界面,点击查看在线连接,会让你生成代码连接,复制生成的连接,打开新的界面,复制里面的css代码,保存到项目中,r然后引入CSS的方式引入,引用标签一般用i ,<i class='iconfont icon-sanjiaoright'></i> 第一个类是你拷贝的css里面的统一类名,第二个是图标的名称。
-
ElementUI完整引入及按需引入项目开发
2019-07-22 17:24:01假设我们已经创建了vue项目了 第一步 使用终端安装Element npm i element-ui -S 第二步 在main.js里引入Element // The Vue build version to load with the `import` command // (runtime-only or standalone) ...安装
npm i element-ui -S
完整引入
main.js引入
import Vue from 'vue' import App from './App' import router from './router' import ElementUI from 'element-ui' import 'element-ui/lib/theme-chalk/index.css' Vue.use(ElementUI) Vue.config.productionTip = false new Vue({ el: '#app', router, components: { App }, template: '<App/>' })
按需引入 //我打包上线后,电脑浏览器运行没问题,手机却打开空白
安装
npm install babel-plugin-component -D
修改 babel.config.js文件
module.exports = { presets: [ '@vue/cli-plugin-babel/preset' ], "plugins": [ [ "component", { "libraryName": "element-ui", "styleLibraryName": "theme-chalk" } ] ] }
main.js里进行按需引入
// import ElementUI from 'element-ui' // import 'element-ui/lib/theme-chalk/index.css' // Vue.use(ElementUI) import { Button, ButtonGroup, } from 'element-ui'; Vue.use(Button).use(ButtonGroup)
-
对于Eclipse引入项目以及启动tomcat有时一直失败的问题
2018-03-28 16:12:52首先,我们到公司工作一般都会先引入项目,那该如何引入呢。1.点击File,看到有一个import2.点击箭头所指的地方3.进入到这个页面之后我们点击箭头所指的地方选择你需要导入的项目,在这里如果你有项目名重复的项目会...一.首先,我们到公司工作一般都会先引入项目,那该如何引入呢。
1.点击File,看到有一个import
2.点击箭头所指的地方
3.进入到这个页面之后我们点击箭头所指的地方选择你需要导入的项目,在这里如果你有项目名重复的项目会出现一个错误,一般的解决方法是在你的项目那个地方直接delete掉,在删除时只要不选中删除弹框中的那个选择框,就不会把本地的删除,只是在eclipse中删除掉,解决完这个问题之后我们点击finish就可以了。
二:成功引入项目之后我们一般都需要配置tomcat
1.点击箭头所在的地方
2.在这里选择你的tomcat本地的版本,我使用的是tomcat8,点击next
3.我们会看到这里会让你选择项目,选择完成时候点击Add,就会把项目导入到tomcat中
4.当你看到红箭头所指的地方时,tomcat的配置基本就完成了90%了
三:最后我们来说一下,tomcat在运行时总是运行失败的问题
1.在刚才配置好的tomcat上双击就会出现如下页面在Timeouts那里Start一般都是45,我们可以调成90,然后ctrl+s保存一下关闭就可以了。
2.有时我们启动tomcat时可能会出现tomcat启动报错,一般我们多启动几遍就可以了,有时我们也可以在tomcat服务器那里右键选择clean,点击ok会清理tomcat的缓存之类的东西
四:最后我们来说一下,我们导入项目完成之后我们的HttpServlet会爆红,但是我们已经导入了这个包,原因可能是我们的tomcat版本和我们导入的项目版本不一致导致的。在项目右键按照如图方式进行操作,就可以了,记住最后一定要按Apply,不然tomcat的版本不会保存。最后tomcat的运行和版本问题就解决了。
-
XUI 熟练使用之(一) ----------- 将 XUI 引入项目
2020-08-21 15:23:34XUI熟练使用之(一) ----------- 将 XUI引入项目前言一、添加 Gradle 依赖1、在项目根目录的 build.gradle 的 repositories 中添加:2、引入依赖二、初始化设置1、配置 application2、设置默认主题三、实例演示 ...XUI 熟练使用之(一) ----------- 将 XUI 引入项目
前言
在平时开发中我们会做很多很多的页面效果、自定义控件等,如果我们全部都从零开始编写的话,可能会浪费大量的时间,于是我们可以考虑在项目中使用一些前辈们已经开发好的开源项目。类似的开源项目有很多,比如 腾讯公司的 QMUI,或者 xuexiangjys 前辈的 简洁而优雅的XUI 等等。从今天开始我将和大家一起,抱着学习的心态来一睹 XUI 的风采。
今天我们主要学习一下怎样将 XUI 引入到我们的项目中,对于其中的各种控件,将在后面的博文中一一为大家奉上。
一、添加 Gradle 依赖
1、在项目根目录的 build.gradle 的 repositories 中添加:
allprojects { repositories { google() jcenter() maven { url "https://jitpack.io" }//新添加的内容 } }
如果不添加的话,后面引入 XUI 的依赖后,系统会找不到 XUI 的源。
因为作者将 XUI 的源代码放在 github 中,我们要在 androidStudio 中通过 gradle 引入依赖的话就得添加该仓库配置。
2、引入依赖
打开 app moudle (或者你想添加 XUI 的 moudle),在 dependencies 下添加如下代码:
【重点】如果你的项目使用的是 androidx 则必须使用如下代码:dependencies { ... implementation 'com.github.xuexiangjys:XUI:1.1.4' implementation 'androidx.recyclerview:recyclerview:1.1.0' implementation 'com.google.android.material:material:1.1.0' implementation 'com.github.bumptech.glide:glide:4.11.0' }
【重点】如果你的项目使用的不是 androidx 而是 support-v7 等,则必须使用如下代码:
dependencies { ... //support项目 implementation 'com.github.xuexiangjys:XUI:1.1.4-support' implementation 'com.android.support:appcompat-v7:28.0.0' implementation 'com.android.support:recyclerview-v7:28.0.0' implementation 'com.android.support:design:28.0.0' implementation 'com.github.bumptech.glide:glide:4.8.0' }
二、初始化设置
1、配置 application
在 application 中的 onCreate() 方法中初始化 XUI 框架。
编写 DemoApplication 类并继承自 Application 类,代码如下:import android.app.Application; import com.xuexiang.xui.XUI; public class DemoApplication extends Application { @Override public void onCreate() { super.onCreate(); XUI.init(this); //初始化UI框架 } }
然后需要在清单文件中配置该 application :
2、设置默认主题
点击清单文件中 Application 标签中 的 android:theme="@style/AppTheme"
将跳转到该应用的主题配置文件:
接下来我们将修改 parent 的值来修改应用的默认主题:<resources> .... <style name="AppTheme" parent="XUITheme.Phone"> <item name="colorPrimary">@color/colorPrimary</item> <item name="colorPrimaryDark">@color/colorPrimaryDark</item> <item name="colorAccent">@color/colorAccent</item> </style> .... </resources>
XUI 对不同的机型有不同的主题:
- 大平板(10英寸, 240dpi, 1920*1200):XUITheme.Tablet.Big
- 小平板(7英寸, 320dpi, 1920*1200):XUITheme.Tablet.Small
- 手机(4.5英寸, 320dpi, 720*1280):XUITheme.Phone
到此为止,XUI 的引入就完成了。接下来我们做一个实例。
三、实例演示
实例功能:点击一个按钮弹出一个提示对话框。
创建 activity 并编写如下代码:public class MainActivity extends AppCompatActivity { @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); Button button = findViewById(R.id.showDialog); button.setOnClickListener(new View.OnClickListener() { @Override public void onClick(View v) { DialogLoader.getInstance().showTipDialog( MainActivity.this, "提示", "弹出对话框实例演示", "关闭"); } }); } }
我们可以看到只需要一行代码就可以完成提示框的功能,简直不要太方便啊。
activity_main.xml:<?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.android.com/apk/res-auto" xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent" android:layout_height="match_parent" android:gravity="center" tools:context=".MainActivity"> <Button android:layout_width="wrap_content" android:layout_height="wrap_content" android:id="@+id/showDialog" android:text="弹出提示框"/> </LinearLayout>
实例截图:
这个弹出框只是一个很简单的显示,更多弹出的使用我将在后续博文中和大家一起讨论,欢迎关注。
最后再次感谢前辈们的辛勤付出,做出如此优秀的界面框架,减少了我们大量工作量。 -
引入项目中文乱码???明明是utf-8
2016-11-30 15:43:421、我们引入项目到eclipse中(android studio我没碰到,但是原理是一样的),只是中文是乱码的,然后很操蛋,只能用一些文本工具进行查看注解。。。。而你的编译环境明明又是utf-8,全部都是utf-8,为什么不可以??... -
LIRE怎么使用?我将其引入项目src下就会显示大红叉提示错误
2014-12-03 12:35:52LIRE怎么使用?我将其引入项目src下就会显示大红叉提示错误 -
pingfang sc medium怎么引入项目
2017-02-06 03:13:27设计师的字体是用了pingfang sc medium,怎么才能引入这个字体,达到设置稿一致? -
maven项目pom中添加依赖,但是jar无法引入项目
2017-10-21 00:15:09在使用maven管理项目的过程中,经常遇到在pom.xml中添加依赖,但是项目中始终无法引入对应的jar包 -
maven 使用(引入项目)
2016-06-23 11:38:33最近工作中要写一个maven的使用,就顺便写了一下,可以参考下。 1 将文件夹中的setting.xml放在C:\Users\Administrator\.m2文件夹下 2打开Eclipse 在perfrences...3,将文件引入到eclipse中,选取标准maven项目引入: -
springBoot引入项目pom文件报错
2019-08-03 10:34:30pom文件报如下错误: org.apache.maven.archiver.MavenArchiver.getManifest(org.apache.maven.project.MavenProject, org.apache.maven....我在SpringBoot启动项目中遇到了同样的问题。解决方案是将spring-b... -
Maven项目中pom.xml添加依赖,但是jar包没有引入项目
2018-03-12 11:39:41在使用maven管理项目的过程中,经常遇到在pom.xml中添加依赖,但是项目中始终无法引入对应的jar包, 这个时候我们可以进行如下操作:(Eclipse) 1.选择项目->右击->Maven->Update Project... -
如何将RxSwift引入项目中
2017-07-30 22:15:13本人是一个正在尝试利用Swift进行移动端开发的菜鸡。在一次偶然的机会下接触到了函数响应式编程这个东西(本篇文章不打算对这个进行表述),网上关于...这里我要讲的是如何将RxSwift里边的Frameworks引入实际项目。 ## -
RabbitMQ如何引入项目?
2017-09-02 21:35:08考评中进行提交学生答题记录操作时,引入了MQ来实现异步缓冲操作...三、将rabbitmq的配置文件引入项目 四、将mq交由spring管理 至此,整个引入过程完成。 -
vue 引入项目图片的几种方式
2019-06-29 10:32:081、data(){}中引入图片 { icon: require('@/assets/images/modules-a5.png'), text: '图片', type: 'ui-picture' } 或者 { icon: require('../../assets/images/modules-picture.png'), text: '图片',... -
Maven项目pom.xml中添加依赖,但是jar无法引入项目
2016-10-09 15:51:01在使用maven管理项目的过程中,经常遇到在pom.xml中添加依赖,但是项目中始终无法引入对应的jar包, 这个时候我们可以进行如下操作:(Eclipse) 1.选择项目->右击->Maven->Update Project,如此便可解决 2.实际... -
IntelliJ IDEA引入项目之后不显示 解决办法
2018-07-14 00:14:51今天使用IDEA OPEN之前的项目之后发现目录下面只显示External Libraries。最后发现是项目结构的问题。一个最简单而且有效的办法就是关掉IntelliJ IDEA 然后去项目的文件夹中删除掉.idea文件夹,删除之后重新打开... -
如何将阿里图标库的引入项目中?
2020-05-09 17:21:51(1)方法一:通过下载png类型的图片,使用image标签来使用图标 ...2)点击右侧购物车,将icon添加到新建项目...(只保留iconfont.css文件时,其他的url都得删除,只留下一个base64得url ,否则项目报错,找不到... -
typescript引入项目同步json文件方法总结
2017-09-01 10:05:23二:路径设置,相对路径、绝对路径怎么引入,因为路径不正确肯定会提示找不到模块 三:为什么 var data = require(‘/sandbox/project/sync/name.json’) var tmp = JSON.parse(data); 执行时总报Unexpected ... -
intelliJ IDEA 如何引入项目,配置jdk,以及部署tomcat
2018-10-26 11:33:53intelliJ idea 引入svn项目: 1、确认文件夹Program Files/SlikSvn是否存在,如果存在表示已经安转过了svn tools,如果没有,则下载安转 下载地址:https://download.csdn.net/download/justjackwang/10745661 2... -
Android 引入项目过滤包怎么弄?
2016-04-15 10:01:25问题是这样子的,我引用了一个Modules dependencies { compile project(':OneSDK') { exclude module: 'alipaySingle-20160223' exclude module: 'utdid4all-1.0.4' } } 然后报了这样的错误: ... -
前端——JSP中引入项目中的js文件或css文件或图片
2018-03-09 18:40:50以引入jQuery为例: 引入通常分为相对路径和绝对路径: 相对路径举例: <script type="text/javascript" src="../plug-in/jquery/jquery-2.1.1.min.js"></script> 其中../表示退回到上一目录节点 ... -
net.sf.json-lib无法通过maven引入项目的解决方法
2018-06-04 16:28:01maven工程中通过pom.xml引入jar依赖,有种jar包会特殊一点,他们需要区分jdk版本,如果不加上jdk版本标识,就会报错。如图。 解决办法 如图中出现的问题,我的解决办法是,加上jdk版本,如下图所示 ... -
使用Gradle构建SpringBoot工程系列:第四篇:项目初始化(编辑build.gradle文件,引入项目基本配置及依赖)
2017-06-12 00:36:02本篇是 使用Gradle 构建spring Boot工程系列 的第四篇,接下来的一段时间里,将陆续更新本系列的其他文章,记录本人学习使用Gradle构建...在本篇文章中,我们对我们的项目进行初始化,引入我们的项目基本配置,以及项 -
Eclipse&JavaEE之中的引入项目运行错误问题
2015-12-09 02:10:132015/12/9日凌晨1:54 ...再右击项目——Properties——DePloyment Assembly——Add——Java Build Path Entries 或者参考高手经验: Eclipse下User Libraries的发布 OK!
-
MySQL 多实例安装 及配置主从复制实验环境
-
C和C++课程
-
java随机产生100个大小写字母_Java 随机生成验证码(支持大小写字母、数字、随机字体)的实例...
-
半耦合低秩判别词典学习的超分辨率人识别
-
最全中国乡镇边界.zip
-
vue3从0到1-超详细
-
python Flask+scrapy+人工智能 实现高性能搜索引擎
-
java随机数语句_Java语言程序设计(七)Math类生成随机数及if语句
-
mahout 推荐算法 java_Mahout之推荐算法基本实例
-
实现 MySQL 读写分离的利器 mysql-proxy
-
利用Gitlab和Jenkins做CI(持续集成)
-
java随机存取文件_如何使用随机存取文件RandomAccessFile类
-
AnyTXT.Searcher.1.2.394.exe
-
微信小程序连接蓝牙
-
libFuzzer视频教程
-
2021年 系统分析师 系列课
-
云开发后台+微信扫码点餐小程序+cms网页管理后台 含后厨端和用户端
-
DHLO-2021Spring:DHLO2021:数字健康实验室公开讲座系列-2021Spring-源码
-
java随机动态分组_Java将一组数随机分组
-
【Git】之Git使用案例