精华内容
下载资源
问答
  • Vue3---Vue3项目切换(设置)路由模式

    千次阅读 2021-02-15 14:57:13
    history模式:在路由index.js文件中导入 createWebHistory import { createRouter, createWebHistory } from 'vue-router' import Home from '../views/Home.vue' const routes = [ { path: '/', ...
    • history模式:在路由index.js文件中导入 createWebHistory
    import { createRouter, createWebHistory } from 'vue-router'
    import Home from '../views/Home.vue'
    
    const routes = [
      {
        path: '/',
        name: 'Home',
        component: Home
      },
      {
        path: '/about',
        name: 'About',
        component: () => import('../views/About.vue')
      }
    ]
    
    const router = createRouter({
      history: createWebHistory(process.env.BASE_URL),
      routes
    })
    
    export default router
    
    • hash模式:在路由index.js文件中导入 createWebHashHistory
    import { createRouter, createWebHashHistory } from 'vue-router'
    import Home from '../views/Home.vue'
    
    const routes = [
      {
        path: '/',
        name: 'Home',
        component: Home
      },
      {
        path: '/about',
        name: 'About',
        component: () => import('../views/About.vue')
      }
    ]
    
    const router = createRouter({
      history: createWebHashHistory(process.env.BASE_URL),
      routes
    })
    
    export default router
    
    展开全文
  • uni-app项目设置底部tabbar

    千次阅读 2020-12-23 14:17:32
    找到pages.json进行配置添加tabBar字段,然后设置listlist对应的就是tab菜单选项然后就是要设置tabbar的菜单图片,这个随你,我是直接放一个logo文件的list最少两个,最多五个"tabBar": {"color": "#C0C4CC", //未...

    找到pages.json进行配置

    添加tabBar字段,然后设置list

    list对应的就是tab菜单选项

    然后就是要设置tabbar的菜单图片,这个随你,我是直接放一个logo文件的

    list最少两个,最多五个

    "tabBar": {

    "color": "#C0C4CC", //未选中的菜单文字颜色

    "selectedColor": "#fa436a", //选中时的菜单文字颜色

    "borderStyle": "black",

    "backgroundColor": "#ffffff", //背景

    "list": [{

    "pagePath": "pages/index/index", //页面地址

    "iconPath": "static/logo.png", //未选中时的图片

    "selectedIconPath": "static/logo.png", //选中时的图片

    "text": "首页" //菜单文字

    },

    {

    "pagePath": "pages/home/index",

    "iconPath": "static/logo.png",

    "selectedIconPath": "static/logo.png",

    "text": "首页"

    }

    ]

    }

    然后就是设置页面了, tabbar里面的页面必须存在

    所以也要设置pages.json里面的pages字段

    路径如图所示

    然后编译在浏览器即可查看 第一次编译应该编辑器应该会自动下载插件,之后就不用了

    展开全文
  • IDEA项目路径初探

    千次阅读 2020-12-19 05:33:44
    IDEA项目路径普通Java项目普通Java项目,标准目录结构src下的路径就是classpath类路径,每次编译都会将src目录下新增的类和资源文件打包进类路径。如下图,类文件和配置文件都会被编译打包进类路径maven构建Java项目...

    IDEA项目路径

    普通Java项目

    普通Java项目,标准目录结构src下的路径就是classpath类路径,每次编译都会将src目录下新增的类和资源文件打包进类路径。

    如下图,类文件和配置文件都会被编译打包进类路径

    maven构建Java项目

    maven标准目录结构:

    src

    -main

    –bin 脚本库

    –java java源代码文件

    –resources 资源库,会自动复制到classes目录里

    –filters 资源过滤文件

    –assembly 组件的描述配置(如何打包)

    –config 配置文件

    –webapp web应用的目录。WEB-INF、css、js等

    -test

    –java 单元测试java源代码文件

    –resources 测试需要用的资源库

    –filters 测试资源过滤库

    -site Site(一些文档)

    target

    LICENSE.txt Project’s license

    README.txt Project’s readme

    工程根目录下就只有src和target两个目录,target是有存放项目构建后的文件和目录,jar包、war包、编译的class文件等。target里的所有内容都是maven构建的时候生成的。

    在IDEA中快速创建一个普通maven项目,选择maven-archtype-quickstart一项,就可以创建一个maven管理的Java项目。

    可以看到,一个最基本的maven项目有src目录,并且该目录下存在main和test两个目录。

    简单介绍:

    src/man/java:存放类源代码,其编译输出到target-classes路径下。

    src/test/java:存放测试代码,其编译输出到target-test-classes路径下。

    如果我新增一个配置文件在java下,按常理来说源代码(java目录下的文件)路径下的文件都会被打包到类路径下,但是对于maven来说,默认情况下,maven只会按照标准的目录结构查找和处理文件,对于其他文件不予处理。

    如下示例:jdbc.properties没有被maven处理

    但是如果想要它被编译输出到classpath下,也不是不可以。

    解决方案

    1、项目中新建一个resources目录,在IDEA中必须将其标记为Resources,resources是maven项目下的一个标准目录结构,maven对于resources下的文件就会将其打包到类路径下。IDEA中,如果新建的resources目录并没有将其标记为Resources,尽管同名,但是maven还是依旧不会处理。

    2、使用maven-resources-plugin插件。

    示例一:正常处理

    编译测试,结果如下

    注:maven仅仅是将resources目录下的文件打包输出到target-classes路径下,不是将resources目录打包到target-classes。

    示例二:违反maven目录结构约束

    修改pom文件,build标签下添加resources设置

    src/main/java/

    **/*.properties

    **/*.xml

    感兴趣的伙伴可以尝试一下。这种方式你说它不合常规,其实也不这么绝对,框架采用这种方式居多。比如SSM,如果将Mybatis下的mapper统一和类放在一起,而不是放在resources目录下(hibernat就是这样做的),采用上述设置,maven可以将类连通相邻的配置文件一起打包进类路径。

    普通web项目

    tomcat下标准的web目录结构形式:

    JavaWebAppweb应用上下文,根目录,根目录下存放的一般是静态资源文件,WEB-INF目录,正常开发来说它标准的子目录结构就是这两个classes:类路径,存放java字节码文件、lib:存放项目所引用到的第三方jar库。并且WEB-INF目录下的文件对外都是不可访问的,只能通过内部进行处理,有时我们也会把一些不想让客户直接访问到的静态资源放入到这个目录下。

    在IDEA中,web的项目结构如下,可以看到普通的web项目默认编译输出路径和普通的Java项目编译输出路径其实是相同的,都是将编译后的字节码放到了项目根目录下的名为out/production目录下,这些默认配置做的都挺好的,能够及时看到编译后的结果。同样我们也可以更改这些默认输出路径,后面会有演示。

    普通的servlet会用到tomcat几个jar,可以在Dependencies选项卡中将tomcat的运行时的类库导入

    这里scope选项为provided的含义就是该包只在编译期起作用,不会被打包进war,jar包由tomcat提供。

    我们对项目进行部署,查看编译之后的目录结构是怎么样的

    以上几个箭头和方框仅仅演示了java文件编译打包到WEB-IFN/classes文件的过程(在没有更改编译输出和Artifacts面板中的Output directory路径的前提下)。

    之前保留了一张Eclipse下web项目完整的映射图

    总结

    1、web项目下的源码文件编译后最终会放入WEB-INF/classes目录下

    2、web、webapps、webcontent、webroot分别是IDEA和eclipse中对web项目根目录名称不同的叫法,本质上都是web项目根目录,对于Eclipse来说,部署的时候都是将其下的所有文件部署到webapps目录下的,对于IDEA,是通过创建tomcat实例,将某个url映射到具体的磁盘路径上实现项目的发布。

    web、webapps、webcontent、webroot目录就是web应用的根目录,我们发布项目,挑明了就是将根目下的文件打包发布,那些配置文件之类的去哪了?看前面的编译流程,所有的配置文件都会被打包进类路径,为类所用,所以说配置文件最终也会汇聚到web应用根目录里面去。

    网上对于新建一个web工程有很多介绍,在新建web的过程中,有的会特意的去web下新建classes、lib目录,并且修改项目编译输出目录?为什么?不这样做有影响吗?

    为什么要新建一个classes还要更改其编译输出目录?

    即如图操作:

    一个标准的web目录结构请看上图,这样做的原因就是使其目录结构更加规范(站在人的视角),但是新建一个classes目录还没有完,因为idea是不承认WEB-INF/classes该路径是编译输出路径的,必须将上图横线部分选中然后浏览到具体的目录才可以,之后idea不会在项目根目录下新建一个out/production目录,而是直接将WEB-INF/classes作为编译输出。像刚开始没有新建classes目录,web项目也能正常部署,并且应用根目录下也存在WEB-INF/classes这个目录,其实是强大的编译器帮我们做了。

    maven构建web项目

    idea文件图标介绍

    下面以一个maven管理下的标准web项目作为示例:

    maven管理下,java和resources目录下的文件都会被打包编译到target-classes,也就是我们常说的类路径。

    对于小蓝点表示的文件夹则不属于maven管理,小蓝点表示的文件夹代表web资源所在目录,外部所访问到的也就是该目录下的文件。

    这里主要介绍web资源目录即小蓝点所在的目录如何去设置,它和同级别的resources目录有什么不同?

    对于一个普通的web项目,默认情况下,小蓝点自动标识到了web目录上,如果将其取消会怎么样?

    这里伙伴们可以尝试一下,新建一个普通的web项目,将其小圆点取消掉,具体的做法如下图

    取消掉之后,小蓝点消失,index.jsp也没有被发布到webapp目录下,说明Web Reources Directory设置的目录下的文件都会被打包进根目录(webapp)下,否则即使web目录下存在许多静态资源文件,由于不会被idea打包进去,最终访问结果404。

    这里还有一个选项是Path Relative to Deployment Root,这一个路径规定了让idea在打包的时候是相对于哪个路径打包,默认是相对于根路径,如果我设置为/jsp,那么index.jsp在被打包的时候,就会相对于web根目录下的/jsp目录,将index.jsp文件打入它的目录下,如果该目录不存在,idea会自动创建。

    Web Reources Directory的正确配置,可以让idea自动地将目录下的资源文件成功地发布到webapp目录下,以便能够被外部访问。默认情况下,idea自动将web根目录即应用部署下的目录设置为资源路径,其实我们还可以新增其他的资源路径,将其他路径下的文件发布到webapp目录,如下

    在webmvc项目根目录下,新增了一个不合常规的目录resources并且将其设置为web资源目录(小蓝点),将其打包到web根下的res目录

    编译输出的目录结构如下:

    web资源路径的设置可以在modules或者facets下的web模块设置:

    总结:

    1)普通的Java项目web项目src路径下的java文件和配置文件都会被打包到类路径下。

    2)maven管理的Java项目和web项目,resources目录和java目录都会被编译到类路径下,对于web来说还会有进一步转化,类路径下的文件最终都会存放在web应用根目录下的WEB-INF/classes目录下。

    3)idea默认将web应用根目录作为资源目录,其下的文件和文件夹都会打包到根目录,并部署到tomcat。

    4)若webapp目录下存在resources目录,它和maven下的resources目录是不同的,webapp下的resources目录默认打包到根目录下,maven下的resources目录下的文件打包到类路径下。

    思考:对于SpringBoot项目,如果想让webapp目录下的文件,能够被外部访问到,如何去做?

    展开全文
  • SpringBoot如何设置统一返回json格式数据 这个方法也适于一般的Spring项目,只不过我目前的项目是SpringBoot为框架 我们需要将结果数据显示在前段页面上,所以我们会将响应封装成json返回,一般我们会将所有接口的数据...

    SpringBoot如何设置统一返回json格式数据

    这个方法也适于一般的Spring项目,只不过我目前的项目是SpringBoot为框架

    我们需要将结果数据显示在前段页面上,所以我们会将响应封装成json返回,一般我们会将所有接口的数据格式统一,是前端对数据的操作更一致、轻松,一般会包含状态码、返回消息、数据这几部分内容。
    统一定义结果

    {
      "success":布尔,//响应是否成功
      "code":数字,//响应码
      "message":字符串,//返回消息
      "data":HashMap//返回数据,放在键值对中
    }
    

    1、创建一个包用来存放数据结果

    如果是父子工程的话,就放在一个公共的common子工程中,在common中创建一个common-utils子模块,在子模块的java文件夹下创建一个com.commonutils包(这里包名可以自定义);如果是单个工程,就在项目所在包下创建一个utils子包,用来存放数统一的据返回结果。
    我的项目是单个工程,列表如下
    在这里插入图片描述

    2、创建返回状态码的接口

    在utils包中创建一个ResultCode接口,用来定义返回的状态码

    public interface ResultCode {
    
        public static Integer SUCCESS = 20000; //成功
        
        public static Integer ERROR = 20001; //失败
    }
    
    

    返回状态码的值可以自定义

    3、定义返回数据格式

    在utils包中创建一个ResultJson(类名可自定义)类,用来封装返回数据的格式

    import io.swagger.annotations.ApiModelProperty;
    import lombok.Data;
    
    import java.util.HashMap;
    import java.util.Map;
    
    @Data
    public class ResultJson {
    
        @ApiModelProperty(value = "是否成功")
        private Boolean success;
    
        @ApiModelProperty(value = "返回码")
        private Integer code;
    
        @ApiModelProperty(value = "返回消息")
        private String message;
    
        @ApiModelProperty(value = "返回数据")
        private Map<String, Object> data = new HashMap<String, Object>();
    
        private ResultJson() {
        }
    
        public static ResultJson ok() {
            ResultJson r = new ResultJson();
            r.setSuccess(true);
            r.setCode(ResultCode.SUCCESS);
            r.setMessage("成功");
            return r;
        }
    
        public static ResultJson error() {
            ResultJson r = new ResultJson();
            r.setSuccess(false);
            r.setCode(ResultCode.ERROR);
            r.setMessage("失败");
            return r;
        }
    
        public ResultJson success(Boolean success) {
            this.setSuccess(success);
            return this;
        }
    
        public ResultJson message(String message) {
            this.setMessage(message);
            return this;
        }
    
        public ResultJson code(Integer code) {
            this.setCode(code);
            return this;
        }
    
        public ResultJson data(String key, Object value) {
            this.data.put(key, value);
            return this;
        }
    
        public ResultJson data(Map<String, Object> map) {
            this.setData(map);
            return this;
        }
    }
    

    分析一下这个类: 根据返回的结果,定义对应的属性,通过类上的@data注解生成对应的get/set方法;然后把构造方法私有化(也可以不私有化),所以就不能new一个对象,只能用已有的静态方法ok和error,用来对外提供;其他值用链式编程的方法return this返回,方便使用者调用。

    4、使用统一结果

    以我的项目为例,修改我的EduTeacherController,现在此类中有查询全部和根据id删除的方法,是用统一返回结果后的代码是

     //查询所有讲师数据
        @GetMapping("/selectAll")
        public ResultJson selectAll() {
            List<EduTeacher> list = eduTeacherService.list(null);
            System.out.println(list);
            return ResultJson.ok().data("items",list);
        }
    
        //根据id删除讲师数据
        @DeleteMapping("{id}")
        public ResultJson deleteById(@PathVariable String id){
            boolean result = eduTeacherService.removeById(id);
            System.out.println(result);
            if(result){
                return ResultJson.ok().message("删除成功");
            }else {
                return ResultJson.error().message("数据不存在");
            }
        }
    

    在swagger页面中测试这两个方法:
    查询全部的方法
    在这里插入图片描述
    根据id删除的方法
    在这里插入图片描述
    可以看到两个返回结果的状态码都是20000,表示方法执行成功。

    扩展方法测试:
    分页查询方法

    //分页查询讲师
        //current 当前页
        //limit 每页记录数
        @GetMapping("/pageTeacher/{current}/{limit}")
        public ResultJson pageListTeacher(@PathVariable long current,
                                          @PathVariable long limit) {
    
            //创建page对象
            Page<EduTeacher> pageTeacher = new Page<>(1,3);
            //调用方法实现分页
            //调用方法的时候,底层封装,把分页所有数据封装到pageTeacher对象里面
            eduTeacherService.page(pageTeacher,null);
    
            long total = pageTeacher.getTotal(); //总记录数
            List<EduTeacher> records = pageTeacher.getRecords(); //数据list集合
    
            /*Map map = new HashMap();
            map.put("total",total);
            map.put("rows",records);
            return ResultJson.ok().data(map);*/
    
            return ResultJson.ok().data("total",total).data("rows",records);
        }
    

    返回数据可以写成第一种,将total和records放在map集合中,也可以一个一个的通过链式编程返回。
    swagger测试的结果
    在这里插入图片描述

    展开全文
  • 如何从Eclipse设置java.library.path

    千次阅读 2021-03-13 19:50:49
    如何为整个Eclipse项目设置java.library.path? 我正在使用依赖于操作系统特定文件的Java库,并且需要查找.dll / .so / .jnilib。 但是,应用程序始终会退出,并显示一条错误消息,指出在库路径中找不到这些文件。我...
  • 问题:创建账号时,输入账号后不搜索直接保存,提示查询后,再点搜索就不能搜索这个账号了原因:点击保存之后,对表单进行了验证,...解决办法:不使用initialValue设置动态更新的值,而是使用 this.props.form.s...
  • vue项目配置后端服务器地址

    千次阅读 2021-08-10 09:00:25
    vue项目配置后端服务器地址 内容精选换一换更新后端云服务器,可修改字段为后端云服务器的名称和权重,可以为性能好的服务器设置更大的权重,用来接收更多的流量。如果后端云服务器关联的负载均衡器的provisioning ...
  • 项目生命周期 项目的生命周期是描述项目从开始到结束所经历的各个阶段。由阶段组成(通常包括项目规划阶段、实施阶段和完成阶段等,每个阶段确定了开始和结束点,每个阶段都有质量保证QA/质量测试QC人员对阶段的里程...
  • Hbuilder 左侧项目栏文件打开方式(单击?双击?) - 设置设置办法 · 截图演示 · 如下: 打开编辑器,工具栏找到“工具”; ...以上就是关于“ Hbuilder 左侧项目栏文件打开...) - 设置篇 “的全部内容。 ...
  • Dreamweaver制作网页内容的时候,为了等级分明,需要使用项目列表,下面我们就来看看Dreamweaver项目列表的使用方法教程,需要的朋友可以参考下。一、使用无序列表1、无序列表中,表项前面的就是项目符号,如●、■...
  • 本文内容关于仓库可见性将仓库设置为私有把仓库设置为公共把仓库设为内部关于仓库可见性创建仓库时,您可以选择将其设为公共、内部或私有。 公共仓库可供使用GitHub.com 的所有人访问,而私有仓库只有您和您与其共享...
  • 例如:随着人工智能的不断发展,机器学习这门技术也越来越重要,很多人都开启了学习机器学习,本文就介绍了机器学习的基础内容。 提示:以下是本篇文章正文内容,下面案例可供参考 一、pandas是什么? 示例:pandas...
  • router@4 2、配置路由文件(建立路由js) 在src目录下新建目录叫“router”,新建一个js文件叫“index.js”,文件内容如下: // 引入 router import { createRouter, createWebHistory } from 'vue-router' // 引入...
  • 本人于3年前写的博文,如何在面试中介绍自己的项目经验,经过大家的捧场,陆续得到了将近7万个点击量,也得到了众多网站公众号的转载,不过自己感觉,这篇文章更多的是偏重于方法,没有具体给到Java方面相关的说辞。...
  • DevEco Studio常用设置

    千次阅读 2021-07-17 09:57:56
    新建 harmony 项目进行设置 1. 修改主题 setting——>Appearance 2. 设置字体大小 搜索 font 3. 取消注释斜体并修改注释的颜色 4. 自动导包 5. 提示忽略大小写 6. 修改自动提示的快捷键 移除原来...
  • 一、创建新的版本库 创建一个版本库来分享我们的项目,通过点击面板右侧的...除了一个必须要填的项目名,其他字段都是可选的。现在只需要点击 “Create Repository” 按钮,就在 GitHub 上拥有了一个以 /<project_
  • 往期推荐 Postman教程-接口测试流程&发送第一个请求 Postman教程-Send Requests相关的基本操作 Postman教程-Response相关的基本操作 Postman教程-通过设置代理/拦截器捕获请求信息 Postman教程-变量、集合的基本...
  • 如何用Pycharm打开已有项目配置python环境发布时间:2020-07-06 11:06:30来源:亿速云阅读:175作者:清晨这篇文章将为大家详细讲解有关如何用Pycharm打开已有项目配置python环境,小编觉得挺实用的,因此分享给大家...
  • 一、插入项目符号项目符号是添加在段落前面的符号,以达到所有项目清晰的目的。...在文档中直接插入项目符号的方法如下:项目符号的插入与编辑01(1)选择需要插入项目符号的内容;(2)单击“开始”选项卡;...
  • 题库查询系统退出 选择题 题目:下列选项中,属于Android Studio工具中创建项目时选择的按钮的是()...题目:下列选项中,属于设置EditText控件中输入的内容只能是数字的属性的是()。 答案: A、android:phoneNumber
  •   在企业项目开发过程中,时间、预算、人员配比等问题是不可避免要考虑的。一款高效的、良好的项目管理软件必须具备快速的、强大的且包含:调度、成本控制、资源分配、文档、协作以及沟通等功能。   当前许多...
  • vue项目中应用自定义的字体

    千次阅读 2021-01-16 13:22:26
    2.font.css内容:在这,有些ttf的格式可能不对,在项目中用不了,我一般去https://www.fontke.com/tool/convfont/这里转换一下,可直接复制css代码到font.css中。@charset "UTF-8";@font-face {font-family: "MFM...
  • java新建项目是学习java最基础的实操了,最近有小伙伴想知道java怎么新建项目?那么下面我们就来给大家讲解一下java新建项目的方法。...2、设置“Project name(项目名)”为 HelloJava,选中“Use defau...
  • 畅购商城项目,面试问答,项目详解及全部代码

    千次阅读 多人点赞 2021-03-12 21:30:47
    此电商项目属于B2C模式的线上商城,支持用户在线浏览商品,在线搜索商品,并且可以将喜欢的商品加入购物车从而下单购买商品,同时支持线上支付,支付模式支持支付宝、微信、银联支付。用户还可以参与低价商品秒杀。 ...
  • 最近项目有个需求,两个表格,定时自动切换,而且每个表格内容自动滚动,还要加个设置功能,可以设置两个表格之前自动切换的间隔时间,和滚动速度,大概效果如下 话不多说,直接上代码 主要的功能方法 autoRoll...
  • 云E办项目文档

    千次阅读 多人点赞 2021-05-17 17:11:13
    此篇文章记录了云E办这个项目的整个后端开发过程 MybatisPlus代码生成器 这次项目中采用了单独的Maven模块 <dependencies> <!--web 依赖--> <dependency> <groupId>org.springframework...
  • 程序员简历中的项目经验怎么写

    千次阅读 2021-03-12 20:43:54
    程序员简历项目经验范文一项目:河北省风电监控系统时间:2014—2015开发环境:windows+eclipse+tomcat+oracle框架:spring+springmvc+hibernate 插件:jquery,raphael,highcharts,validate,个人主要工作内容:监控...
  • Vue项目打包路径问题

    千次阅读 2020-12-22 21:43:58
    最近在搞Vue CLI的项目打包,出现了常见的路径问题,经过研究问题和文档,现在有了自己的看法,以下所有内容都是建立在Vue CLI3之上。关于vue.config.js文件:这个文件的配置主要是用来设置打包的文件相关信息的命令...
  • 包括三个步骤:1 前提讲解 2 开始部署 3 开始网页售卖 4 开始上架OpenSea 5 解开盲盒与 OpenSea购买与售卖 以下内容均在测试网上进行部署: 1.前提讲解: 两种方式都可以实现: 第一种: 基于opensea直接发布——...
  • java怎么设置颜色

    千次阅读 2021-02-12 16:22:21
    java设置颜色的方法:首先Windows图标键加R打开运行,输入mspaint,回车打开画图软件;然后打开编辑颜色,并选择需要的颜色;最后对应的填进代码里即可得到所需颜色。【相关学习推荐:java基础教程】java设置颜色的...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 1,308,867
精华内容 523,546
关键字:

哪些属于项目设置的内容