• Eclipse将maven web项目转换成普通web项目教程图解一、准备工作1、 Eclipse Neon (4.6.3) --- 默认集成了maven插件,可自定义maven配置!2、 示例项目: https://gitee.com/RunCoder/ssm-shiro.git3、下载示例项目...
    Eclipse将maven web项目转换成普通web项目教程图解

    一、准备工作
    1、 Eclipse Neon (4.6.3) --- 默认集成了maven插件,可自定义maven配置!
    3、下载示例项目: 参考 --- https://blog.csdn.net/HaHa_Sir/article/details/80516928

    二、转为web项目流程
    1、先将准备好的项目用 Eclipse启动,确保项目正常运行。
    2、获取正常运行的项目发布文件: tomcat/webapps/ssm-shiro 粘贴到桌面上
    3、新建一个Eclipse工作空间
    4、导入项目发布文件: Eclipse左侧 --- 右键 --- Import --- Import... --- General --- Projects from Folder or Archive --- 导入桌面上的 ssm-shiro 项目。
                

    5、将原来 ssm-shiro maven项目: src/main/webapp/ 目录下文件,移动到 WebContent 目录下。

    6、调整 Default output folder 目录: ssm-shiro/WebContent/WEB-INF/classes

        
    7、将原来 ssm-shiro maven项目: src/main/java/ 目录下java文件粘贴到 当前项目 src 目录下。


    8、添加Tomcat支持: 选中项目 --- 右键 --- Build Path --- Libaraies --- Add Libaray... --- Server Runtime --- Apache Tomcat x...

    9、删掉无效的目录:
    • ssm-shiro/build
    • ssm-shiro/WebContent/WEB-INF/classes

    10、完整普通web项目目录结构展示:



    三、可能遇到的问题
    1、完成转换后,发布到 tomcat中,没有编译java文件(tomcat/webapp/ssm-shiro/WEB-INF/classes 目录下,没有.class 文件)?
    • 调整项目发布目录: 选中项目 --- 右键 --- Deployment Assembly --- 将对应目录发
    布到tomcat中。以下可作为参考:

    • 设置自动编译: Eclipse顶部工具栏 --- Project --- Build Automatically --- 勾选。


    四、总结
    1、将maven web项目转换为普通web项目,简记为以下几个步骤:
    • 获取 tomcat/webapps/projetName 目录下项目
    • 导入 Eclipse (Projects from Folder or Archive 方式导入)
    • 调整目录结构 ----> 保持和普通web项目一致
    • 粘贴java部分代码
    • 删掉不需要的目录


    PS: 以上操作都经过一步步的测试,确认,没有问题记录下来的。 实际项目可能比这更复杂,但主要流程步骤差异不会太大,一步步的调整就可以了。 相信自己,你能行 ^_^ !

        

    PS2: 这里有一个失败的案例。 点击查看

    展开全文
  • WEB测试项目实战(目录,视频教程,相关笔记) 拿一个项目练手是很重要的。本来打算自己找个项目测试的,可惜开始的很困难。就像还没学会走,就想跑,这是不行的。所以现在先跟着视频教程练习一下...1.WEB项目...

    WEB测试项目实战(目录,视频教程,相关笔记)

    拿一个项目练手是很重要的。本来打算自己找个项目测试的,可惜开始的很困难。就像还没学会走,就想跑,这是不行的。所以现在先跟着视频教程练习一下,学着去测试一个项目。

    WEB测试项目实战视频教程:链接:https://pan.baidu.com/s/1KA2xGYUT7DcATH4Aqzbdzg
    无提取码,永久有效(更新于2020年1月29日)


    目录

    1.WEB项目测试备战
    WEB测试项目实战笔记——1.WEB项目测试备战
    2.产品需求与设计评审
    WEB测试项目实战笔记——2.产品需求与设计评审
    3.测试计划
    WEB测试项目实战笔记——3测试计划
    4.测试用例架构搭建
    WEB测试项目实战笔记——4.测试用例架构搭建
    5.web测试用例设计方法
    WEB测试项目实战笔记——5.web测试用例设计方法
    6.功能测试用例设计方法
    WEB测试项目实战笔记——6.功能测试用例设计
    7.性能测试用例设计
    WEB测试项目实战笔记——7.能测试用例设计
    8.安全测试用例设计
    WEB测试项目实战笔记——8.安全测试用例设计
    9.兼容性测试用例设计
    WEB测试项目实战笔记——9.兼容性测试用例设计
    10.界面测试用例设计
    WEB测试项目实战笔记——10.界面测试用例设计
    11.web测试用例的评审方法
    WEB测试项目实战笔记——11.web测试用例的评审方法
    12.搭建测试环境
    WEB测试项目实战笔记——12.搭建测试环境
    13.粗测上
    WEB测试项目实战笔记——13.粗测上
    14.粗测下
    15.功能测试执行上
    16.功能测试执行中
    17.功能测试执行下
    18.系统测试-产品经理
    19.系统测试-项目经理
    20.系统测试-开发团队
    21.系统测试-测试团队
    22.界面测试
    23.兼容性测试
    24.安全测试上
    25.安全测试下
    26.回归测试
    28.BUG入库
    29.测试报告
    30.WEB测试总结及面试

    展开全文
  • 新手使用idea创建web项目使用教程 使用eclipse的小伙伴换着使用idea开发,会发现总一些不同的地方,因为eclipse全部是自动生成的,只需要知道文件在哪里就行了,但是idea全部需要自己手动创建。通常使用idea的小...

    新手使用idea创建web项目使用教程

    使用eclipse的小伙伴换着使用idea开发,会发现总有一些不同的地方,因为eclipse全部是自动生成的,只需要知道文件在哪里就行了,但是idea全部需要自己手动创建。通常使用idea的小伙伴一般都是Maven项目、SSH项目、SSM项目、springboot项目等,很少有人创建java项目或者web项目,使用方法很少,所以我写一篇文章来告诉各位小白,怎样使用idea创建一个web项目。

    • 创建项目之前,同样的需要使用Tomcat,我使用的是apache-tomcat-8.0.28

    1、创建一个空项目或者java项目,都可以,我使用的是空项目

    这里写图片描述

    2、输入项目名,然后点完成,接下来点击yes,创建文件目录

    这里写图片描述

    3、项目名上右键,新建model

    这里写图片描述

    4、添加web模型

    这里写图片描述

    5、选择JDK,web Application,web版本,勾选自动创建web.xml

    这里写图片描述

    6、下一步,设置模块名称,点击完成

    这里写图片描述

    7、WEB-INF下面新建项目编译之后的目录classes,存放jar包的目录lib

    这里写图片描述

    8、第七步只是创建了文件夹,系统不知道他是什么文件,所以需要分别设置一下文件夹的使用路径

    这里写图片描述

    这里写图片描述

    这里写图片描述

    保存,然后OK

    9、新建一个tomcat,local

    这里写图片描述

    这里写图片描述

    这里写图片描述

    这个是项目添加进去之后才会出现的,两个都选择Updateclasses and resources,再看一下下面那个jre是否选择正确,我就是发现之前选错了,导致启动报错,这里已经纠正

    这里写图片描述

    右边的 / 是项目访问路径,然后保存

    这里写图片描述

    这里提醒 一下小伙伴,我之前断网了一下,所以重新创建了一个项目,只是名字有区别,其他的一样的,不用在意!

    10、修改一下index.jsp中的内容

    这里写图片描述

    11、启动Tomcat服务器,再访问项目

    这里写图片描述

    启动成功

    这里写图片描述

    它会根据你配置的浏览器自动打开index.jsp页面

    这里写图片描述

    • 如果报端口被占用,那么改一下端口即可使用

    idea创建web项目,到此配置完成!

    Java自学网 无限阅读 http://www.readjava.cn/

    ReadJava交流群

    在这里插入图片描述

    展开全文
  • 前面两篇博客中我们简单介绍了Spring Boot项目的创建、并且也带小伙伴们来DIY了一个Spring Boot自动配置功能,那么这些东西说到底最终还是要回归到Web上才能...,今天我们就来看一下如何使用Spring Boot来开发Web项目...

    关注公众号【江南一点雨】,专注于 Spring Boot+微服务以及前后端分离等全栈技术,定期视频教程分享,关注后回复 Java ,领取松哥为你精心准备的 Java 干货!


    前面两篇博客中我们简单介绍了Spring Boot项目的创建、并且也带小伙伴们来DIY了一个Spring Boot自动配置功能,那么这些东西说到底最终还是要回归到Web上才能体现出它的更大的价值,so,今天我们就来看一下如何使用Spring Boot来开发Web项目。当然,如果小伙伴对Spring Boot尚不熟悉的话,可以先参考一下这两篇博客:

    1.初识Spring Boot框架
    2.初识Spring Boot框架(二)之DIY一个Spring Boot的自动配置

    Spring Boot 提供了spring-boot-starter-web来为Web开发予以支持,spring-boot-starter-web为我们提供了嵌入的Tomcat以及SpringMVC的依赖,用起来很方便。另外,我们这里还要用到模板引擎,我们做web开发可选的模板引擎还是挺多的,这里我主要使用Thymeleaf作为模板引擎,事实上,Spring Boot提供了大量的模板引擎,包括FreeMarker、Groovy、Thymeleaf、Velocity和Mustache,在 提供的这么多中它推荐使用Thymeleaf。Thymeleaf在使用的过程中通过ThymeleafAutoConfiguration类对集成所需要的Bean进行自动配置,通过ThymeleafProperties来配置Thymeleaf,包括前缀后缀什么的,我们可以查看ThymeleafProperties一段源码:

    @ConfigurationProperties("spring.thymeleaf")
    public class ThymeleafProperties {
        private static final Charset DEFAULT_ENCODING = Charset.forName("UTF-8");
        private static final MimeType DEFAULT_CONTENT_TYPE = MimeType.valueOf("text/html");
        public static final String DEFAULT_PREFIX = "classpath:/templates/";
        public static final String DEFAULT_SUFFIX = ".html";
        private boolean checkTemplate = true;
        private boolean checkTemplateLocation = true;
        private String prefix = "classpath:/templates/";
        private String suffix = ".html";
        private String mode = "HTML5";
        
        ......
        ......
        ......
    }
    

    OK,从这一段源码中我们可以看到默认的页面后缀名为.html,前缀为classpath:/templates/,实际上也就是我们需要把html页面放到resources文件夹下的templates文件夹中。同时我们也看到了要如何修改这个配置,在application.properties文件中以spring.thymeleaf为前缀来配置相关属性。
    关于Thymeleaf如果小伙伴们还不太了解可以先看看我在网上找到的这个资料Thymeleaf中文文档最新版。OK,这些算是准备工作了。接下来我们就从项目的创建开始看起吧。
    #创建Project
    注意创建的时候要选择Thymeleaf作为依赖,这样创建成功的Project中将自动包含spring-boot-starter-web,如下图:
    这里写图片描述

    #创建JavaBean
    我一会要从后台传递数据给前台页面,数据的载体就是这个JavaBean,如下:

    public class Person {
        private String name;
        private Integer age;
    
        public Person() {
            super();
        }
    
        public Person(String name, Integer age) {
            super();
            this.name = name;
            this.age = age;
        }
    
        public String getName() {
            return name;
        }
    
        public void setName(String name) {
            this.name = name;
        }
    
        public Integer getAge() {
            return age;
        }
    
        public void setAge(Integer age) {
            this.age = age;
        }
    }
    

    #后台数据构造
    在入口类中添加如下代码,由后台向前台页面返回两条数据,一个单个的Person对象,还有一个people对象是一个List集合,集合中放了3个Person对象,到时候我们直接将这两条数据在html页面上显示出来,代码如下:

    @RequestMapping("/")
    	public String index(Model model) {
    		Person single = new Person("aa", 11);
    		List<Person> people = new ArrayList<>();
    		Person p1 = new Person("zhangsan", 11);
    		Person p2 = new Person("lisi", 22);
    		Person p3 = new Person("wangwu", 33);
    		people.add(p1);
    		people.add(p2);
    		people.add(p3);
    		model.addAttribute("singlePerson", single);
    		model.addAttribute("people", people);
    		return "index";
    	}
    

    这里的代码都很简单,不必我多说了,就是返回给前台页面两个对象,一个singlePerson,一个people,另外,我们的前台页面叫做index.html。
    #引入相关的静态文件
    这里我使用到了Bootstrap和jQuery两个库,当然这个并不是必须的,只是为了让我们显示的效果更好看一些,静态文件我们要放在src/main/resources/static目录下。

    1.Bootstrap下载

    2.jQuery下载
    放置之后目录如下:
    这里写图片描述
    #前台展示页面
    刚才小伙伴们都看到了,默认情况下前台页面要放在src/main/resources/templates目录下,so,我们在该目录下新建文件就叫index.html,如下:

    <html lang="en" xmlns:th="http://www.thymeleaf.org">
    <head>
        <meta charset="UTF-8" />
        <title>Test20</title>
        <link th:href="@{bootstrap/css/bootstrap.min.css}" rel="stylesheet" />
        <link th:href="@{bootstrap/css/bootstrap-theme.min.css}" rel="stylesheet" />
    </head>
    <body>
    <div class="panel panel-primary">
        <div class="panel-heading">
            <h3 class="panel-title">访问Model</h3>
        </div>
        <div class="panel-body">
            <span th:text="${singlePerson.name}"></span>
        </div>
    </div>
    <div th:if="${not #lists.isEmpty(people)}">
        <div class="panel panel-primary">
            <div class="panel-heading">
                <h3 class="panel-title">列表</h3>
            </div>
            <div class="panel-body">
                <ul class="list-group">
                    <li class="list-group-item" th:each="person:${people}">
                        <span th:text="${person.name}"></span>
                        <span th:text="${person.age}"></span>
                        <button class="btn" th:onclick="'getName(\''+${person.name}+'\');'">获得名字</button>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <script th:src="@{jquery-3.1.1.js}" type="text/javascript"></script>
    <script th:src="@{bootstrap/js/bootstrap.min.js}" type="text/javascript"></script>
    <script th:inline="javascript">
        var single = [[${singlePerson}]];
        console.log(single.name+"/"+single.age);
        function getName(name) {
            console.log(name);
        }
    </script>
    </body>
    </html>
    

    关于这一段html文件我简单介绍一下,首先通过xmlns:th="http://www.thymeleaf.org"导入命名空间,在后期时候的时候,由于html本身是静态视图,在使用相关属性的时候加上th:前缀可以使之变为动态视图。th:href="@{bootstrap/css/bootstrap.min.css}"表示引用Web静态资源。OK,这是head部分。body部分整体上分为了两大块,第一块显示我那个单独的Person对象,第二部分显示List集合中的Person对象。div的样式这个没啥好说的,照着Bootstrap的官网写就行了,th:text="${singlePerson.name}"表示访问model中singlePerson的name属性,th:if="${not #lists.isEmpty(people)}"表示判断model中的people集合是否为空,th:each="person:${people}"表示遍历people中的元素,这个和java里的foreach差不多,person表示迭代元素。th:onclick="'getName(\''+${person.name}+'\');'"表示添加点击事件,点击事件由JavaScript来处理。th:inline="javascript"这样添加到的script标签可以通过[[${singlePerson}]]访问model中的属性。

    如此之后,我们便可以运行我们自己的项目了,然后在浏览器中访问,结果如下:
    这里写图片描述

    点击Button也可以在浏览器控制台看到log输出:

    这里写图片描述

    OK,perfect!

    #Tomcat相关配置
    上面几乎没做什么特别的配置,大部分都使用了SpringBoot提供的默认的配置方式。有的时候我们可能需要有一些自定义的配置,比如Tomcat的配置,很简单,和上上篇博客说的基本一致,有两种不同的配置方式:
    ##在application.properties中配置
    直接在application.properties中进行配置即可,如下:

    server.port=8081#配置服务器端口,默认为8080
    server.session-timeout=1000000#用户回话session过期时间,以秒为单位
    server.context-path=/index#配置访问路径,默认为/
    server.tomcat.uri-encoding=UTF-8#配置Tomcat编码,默认为UTF-8
    server.tomcat.compression=on#Tomcat是否开启压缩,默认为关闭
    

    ##在代码中进行配置

    @Component
    public class CustomServletContainer implements EmbeddedServletContainerCustomizer {
        @Override
        public void customize(ConfigurableEmbeddedServletContainer container) {
            container.setPort(8080);
            container.addErrorPages(new ErrorPage(HttpStatus.NOT_FOUND,"/404.html"));
            container.setSessionTimeout(10, TimeUnit.MINUTES);
        }
    }
    

    自定义类实现
    EmbeddedServletContainerCustomizer接口,然后设置端口、设置错误请求页面、设置会话超时时间等,大家注意这里的404页面放在src/main/resources/static文件夹下,有了这个之后,当我访问一个不存在的页面的时候就会跳转到404.html页面了。

    #SpringMVC相关配置
    虽然Spring Boot默认的配置很多情况都可以满足我们的项目需求,可是有的时候我们可能还是会需要更加灵活的SpringMVC配置,这个时候我们只需要自定义类继承自WebMvcConfigurerAdapter,然后使用@Configuration和@EnableWebMvc注解,这样我们会完全屏蔽掉Spring Boot的默认配置,但是正常情况下我们可能只是希望在Spring Boot已有默认配置的基础上再添加一些配置即Spring Boot提供的默认配置和我自定义的配置并存的情况,这个也简单,只需要去掉@EnableWebMvc注解就行了。如下代码:

    @Configuration
    //@EnableWebMvc//无需使用该注解,否则会覆盖掉SpringBoot的默认配置值
    public class WebMVCConfig extends WebMvcConfigurerAdapter {
        @Override
        public void addViewControllers(ViewControllerRegistry registry) {
            registry.addViewController("/hello").setViewName("/hello");
        }
    
    }
    

    至于这个类里边的其他方法我就不再赘述了,有兴趣的小伙伴可以查看我们之前的文章SpringMVC常用配置

    #自定义Favicon

    想要自定义favicon很简单,只需要将自己的favicon.ico文件放置到src/main/resources目录下即可,重新运行项目,再看浏览器左上角图标就会变了。如下:
    这里写图片描述

    本案例下载地址:
    本案例GitHub地址

    以上。

    参考资料:
    《JavaEE开发的颠覆者 Spring Boot实战》第七章

    展开全文
  • Eclipse将maven web项目转换成普通web项目教程(错误思路)一、准备工作1、 Eclipse Neon (4.6.3) --- 默认集成了maven插件,可自定义!2、 示例项目: https://gitee.com/RunCoder/ssm-shiro.git3、下载示例项目...
    Eclipse将maven web项目转换成普通web项目教程(错误思路)

    一、准备工作
    1、 Eclipse Neon (4.6.3) --- 默认集成了maven插件,可自定义!
    3、下载示例项目: 参考 --- https://blog.csdn.net/HaHa_Sir/article/details/80516928

    二、转为web项目操作流程
    1、导出maven项目依赖的jar包: 选中项目 --- 右键 --- Run As --- Maven Build... 输入以下命令(Eclipse maven项目导出依赖jar包) :
    dependency:copy-dependencies -DoutputDirectory=C:\Users\Administrator\Desktop\lib

    2、去除 maven 相关的配置
    • 删掉 pom.xml 配置文件
    • 打开 .project 文件,删掉如下配置文件:
    配置文件一:
      <buildCommand>
    			<name>org.eclipse.m2e.core.maven2Builder</name>
    			<arguments>
    			</arguments>
    		</buildCommand>

    配置文件二:
    <nature>org.eclipse.m2e.core.maven2Nature</nature>
    

    • 打开 .classpath 文件,删掉如下配置文件:
    <classpathentry kind="con" path="org.eclipse.m2e.MAVEN2_CLASSPATH_CONTAINER">
    <attributes>
    			  <attribute name="maven.pomderived" value="true"/>
    			<attribute name="org.eclipse.jst.component.dependency" value="/WEB-INF/lib"/>
    </attributes>
      </classpathentry>

    2.1、可选操作: 此时在 src/main/webapp/WEB-INF/目录下,建一个lib目录,将步骤 二-1 导出的jar包放进去,项目也可以启动。 只是此时项目目录结构仍然是maven项目的目录结构,和普通web项目差距有些大。


    三、调整为普通web项目目录结构
    1、先看一个正常,普通的web项目目录结构

        

    2、创建WebContent 目录: Project Facets

    3、src/main/webapp 目录下的内容移动到 WebContent 目录下

    4、调整输出目录 --- buidPath --- Default output folder

    5、调整项目发布目录 -- Deployment Assembly ---

    6、.....


    结束: 这个思路错误的,操作流程太繁琐,太复杂了 , 难度太大, 不搞了,失败了。。

    简单,方便,快捷的操作看这儿: Eclipse将maven项目转为普通web项目教程










    展开全文
  • WEB项目结构小教程

    2018-05-12 15:07:23
    最最最基础的WEB项目结构: 将它展开: src: 我们会将java代码写在这个文件夹下面。 步骤: src 右键 ——》new 选择 package ——》给package命名(e.g.controller) ——》在这个controller下面写servlet...
  • PS:从eclipse刚转到IDEA,对于这个陌生的工具我表示无言,但听说很好用,也就试试,结果我几乎花了一晚上的时间才搭起来maven web项目,觉得在此给各位一个搭建maven web项目教程,指出我踩过的各种坑!...
  • 个人Web项目上线教程

    2018-09-15 23:40:16
    个人WEB项目 下面以阿里云注册域名,购买主机为例: 1.购买域名,地址:https://wanwang.aliyun.com/domain/,也可以在其他网站注册域名,例如http://www.51cdz.com/,百度域名注册等网站。 购买域名成功后,进行...
  • 如何快速通过eclipse导入web项目及Tomcat 部署步骤,详细教程哦,等你白嫖
  • IDEA中添加普通web项目

    2019-02-20 13:43:44
    然而公司的一些旧项目依旧还是普通的web项目,免不了维护的时候修改一些bug什么的,既然idea能够适应mavne项目当然也一定可以run起来普通的web项目,下面就是小编为大家精心制作的教程。   【步骤】   一、svn...
  • 首先,在开始搭建MyEclipse的开发环境之前,还有三步需要完成,只要在安装配置成功之后才可以进入下面的java Web项目开发环境的搭建。 第一步,下载并安装JDK,到官网上下载安装即可,之后需要细心的配置环境变量,...
  •     说明: IntelliJ IDEA 版本为14. JDK 版本为1.7 tomcat 版本为apache-tomcat-7.0.70 ...注:在创建过程中注意相关软件版本位数的问题。32位,64位的软件混搭会导致访问不成功的问题!...首先要理解一个基本问题...
  • 本篇主要介绍使用Jenkins自动构建普通Web工程到Tomcat,可以采用Maven的tomcat-maven-plugin插件进行部署。详细教程整理中!
  • 第一步:使用MyEclipse创建web项目 使用MyEclipse创建web项目我在这里就不用多说了,web项目创建后,对新建的项目右键点击Porperties,在Resource中即可看到项目保存的路径,复制该路径。 第二步:使用HBuilder...
  •  创建 Web API 项目在这里我们使用VS2013, .NET 4.5.1创建一个Web API 2的项目选择项目WEB API模板, 在最下方的MVC主要是默认会自带微软的API Helper, 使用MVC发布在这里不实用安全 这样我们一个项目就初始化好了,...
  • 使用eclipse插件创建一个web project 首先创建一个Maven的Project如下图     我们勾选上Create a simple project (不使用骨架)       这里的Packing 选择 war的形式   ...
  • 其设计目标是开发迅速、轻量级、易扩展等 核心框架:Spring Framework 安全框架:Apache Shiro 视图框架:SpringMVC 持久层框架:MyBatis 定时器:Quartz 数据库连接池:Druid 日志管理:Logback 页面交互:Vue ...
  • IDEA部署WEB项目

    2018-06-04 16:26:04
    Ø 本教程为在IDEA这个IDE中演示如何来部署WEB顶目Ø 本教程是接着“IDEA创建MAVEN WEB项目”来写的 1. 创建好项目,并在IDEA主视图下找到右上角的“向下箭头”,点击箭头。示例图如下: 2. 添加服务器 3. ...
  • 也许,正在对着键盘敲代码中的很多人或者是你,我们可能都知道spring boot怎么进行接口开发,但是像之前在spring boot + Thymeleaf开发web项目的过程中,会一点点小问题我们会忽视,​今天我就来讲讲怎么实现页面...
  • 宝塔部署javaweb项目完整篇,给想要使用宝塔部署java web项目的人一些参考,觉得不错的可以在下方留言点赞哦,错误的地方也请大家帮忙指出,发消息给我吧,我好修改。 1.首先,登录宝塔面板(安装就不说了,...
1 2 3 4 5 ... 20
收藏数 158,336
精华内容 63,334