• 首先我们会有一些常用的meta标签,如下: 防止手机网页放大和缩小--> meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0" /> 备注:width 设置...

    首先我们中会有一些常用的meta标签,如下:

        <!--防止手机中网页放大和缩小-->
        <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0" />
    备注:width    设置viewport宽度,为一个正整数,或字符串‘device-width’
         height   设置viewport高度,一般设置了宽度,会自动解析出高度,可以不用设置
         initial-scale    默认缩放比例,为一个数字,可以带小数
         minimum-scale    允许用户最小缩放比例,为一个数字,可以带小数
         maximum-scale    允许用户最大缩放比例,为一个数字,可以带小数
         user-scalable    是否允许手动缩放
        <!--让浏览器使用webkit来解析-->
        <meta name="renderer" content="webkit|ie-comp|ie-stand">
        <!--禁止ios设备将数字作为拨号连接,邮箱自动发送,点击地图跳转-->
        <meta name="format-detection" content="telephone=no,email=no,adress=no">
        <!--强制显示全屏-->
        <meta name="full-screen" content="yes">
        <!--开启对webapp的支持设置Web应用是否以全屏模式运行-->
        <meta name="apple-mobile-web-app-capable" content="yes">
    备注:如果content设置为yesWeb应用会以全屏模式运行,反之,则不会。content的默认值是no,表示正常显示。
        你可以通过只读属性window.navigator.standalone来确定网页是否以全屏模式显示
        <!--webapp应用下状态条颜色,默认值为黑色-->
        <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
    备注:除非你先使用apple-mobile-web-app-capable指定全屏模式,否则这个meta标签不会起任何作用。
        如果content设置为default,则状态栏正常显示。如果设置为blank,则状态栏会有一个黑色的背景。
        如果设置为blank-translucent,则状态栏显示为黑色半透明。如果设置为defaultblank,则页面显示在状态栏的下方,
        即状态栏占据上方部分,页面占据下方部分,二者没有遮挡对方或被遮挡。如果设置为blank-translucent,则页面会充满屏幕,
        其中页面顶部会被状态栏遮盖住(会覆盖页面20px高度,而iphone4itouch4Retina屏幕为40px)。默认值是default
        <!--禁止浏览器从缓存中访问页面-->
        <meta http-equiv="pragma" content="no-cache">
        <!--禁止自动识别电话号码-->
        <meta name="format-detection" content="telephone=no"/>
        <!--禁止自动识别邮箱-->
        <meta content="email=no" name="format-detection"/>
        <!--iphonesafari私有meta标签,允许全屏模式浏览,隐藏浏览器导航栏-->
        <meta name="apple-mobile-web-app-capable" content="yes"/>
    其次还有一些特殊情况需要用到的meta标签。可依照项目情况而定

    <!-- 启用360浏览器的极速模式(webkit) -->
    <meta name="renderer" content="webkit">
    <!-- 避免IE使用兼容模式 -->
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <!-- 针对手持设备优化,主要是针对一些老的不识别viewport的浏览器,比如黑莓 -->
    <meta name="HandheldFriendly" content="true">
    <!-- 微软的老式浏览器 -->
    <meta name="MobileOptimized" content="320">
    <!-- uc强制竖屏 -->
    <meta name="screen-orientation" content="portrait">
    <!-- QQ强制竖屏 -->
    <meta name="x5-orientation" content="portrait">
    <!-- UC强制全屏 -->
    <meta name="full-screen" content="yes">
    <!-- QQ强制全屏 -->
    <meta name="x5-fullscreen" content="true">
    <!-- UC应用模式 -->
    <meta name="browsermode" content="application">
    <!-- QQ应用模式 -->
    <meta name="x5-page-mode" content="app">
    <!-- windows phone 点击无高光 -->
    <meta name="msapplication-tap-highlight" content="no">
    一般移动端,有人喜欢用百分比,有人喜欢用rem,有人喜欢用em,我个人比较喜欢百分比和rem(主要我懒的算= =),下面我说我个人用的rem。我是为了完全自适应,多以通常会拿js先控制,然后再用rem,代码如下:
    //动态设置页面的像素比,达到一比一还原设计稿
    var iScale=1;
    iScale=iScale/window.devicePixelRatio;
    document.write('<meta name="viewport" content="width=device-width, initial-scale=1,user-scalable=no,' +
        'initial-scale='+iScale+',maximum-scale='+iScale+',minimum-scale='+iScale+'">');
    var iWidth=document.documentElement.clientWidth;
    document.getElementsByTagName("html")[0].style.fontSize = iWidth/10+"px";
    这样我在项目里,比如720的设计图纸,h2字体大小36px,宽度400px,那么我就会这样写:
    h2{
        font-size: 36/72rem;
        width: 400/72rem;
    }
    以此类推,这样就会达到无论在什么设备上,都是1:1还原了设计图纸。当然我也会在一些section设置width的时候,用百分比。这些依照情况而定。

    前段时间,一个朋友说有个bug一直不知道怎么解决,我一看,是浮动造成的,在iPhone6P、UC浏览器以及QQ浏览器上,底部固定定位的导航,右侧头部会有留白部分,好像掉下去一样。个人有个建议,在手机上,涉及到底部固定定位的导航,尽量使用弹性盒子flex布局,而不是使用浮动,当然,我个人很喜好弹性盒子大笑,没办法,太懒。。。

    项目中,我们往往会遇到一些判断浏览器的,判断设备的,如下:

    //JS判断设备
    function deviceType(){
        var ua = navigator.userAgent;
        var agent = ["Android", "iPhone", "SymbianOS", "Windows Phone", "iPad", "iPod"];
        for(var i=0; i<len,len = agent.length; i++){
            if(ua.indexOf(agent[i])>0){
                break;
            }
        }
    }
    //JS判断微信浏览器
    function isWeixin(){
        var ua = navigator.userAgent.toLowerCase();
        if(ua.match(/MicroMessenger/i)=='micromessenger'){
            return true;
        }else{
            return false;
        }
    }
    deviceType();
    window.addEventListener('resize', function(){
        deviceType();
    })
    这是一般时候用的,当然还有另外一种:
    var browser = {
        versions: function () {
            var u = navigator.userAgent, app = navigator.appVersion;
            return {     //移动终端浏览器版本信息
                trident: u.indexOf('Trident') > -1, //IE内核
                presto: u.indexOf('Presto') > -1, //opera内核
                webKit: u.indexOf('AppleWebKit') > -1, //苹果、谷歌内核
                gecko: u.indexOf('Gecko') > -1 && u.indexOf('KHTML') == -1, //火狐内核
                mobile: !!u.match(/AppleWebKit.*Mobile.*/), //是否为移动终端
                ios: !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/), //ios终端
                android: u.indexOf('Android') > -1 || u.indexOf('Linux') > -1, //android终端或uc浏览器
                iPhone: u.indexOf('iPhone') > -1, //是否为iPhone或者QQHD浏览器
                iPad: u.indexOf('iPad') > -1, //是否iPad
                webApp: u.indexOf('Safari') == -1 //是否web应该程序,没有头部与底部
            };
        }(),
        language: (navigator.browserLanguage || navigator.language).toLowerCase()
    }
    if (browser.versions.mobile) {//判断是否是移动设备打开。browser代码在下面
        var ua = navigator.userAgent.toLowerCase();//获取判断用的对象
        if (ua.match(/MicroMessenger/i) == "micromessenger") {
            //在微信中打开
        }
        if (ua.match(/WeiBo/i) == "weibo") {
            //在新浪微博客户端打开
        }
        if (ua.match(/QQ/i) == "qq") {
            //QQ空间打开
        }
        if (browser.versions.ios) {
            //是否在IOS浏览器打开
        }
        if(browser.versions.android){
            //是否在安卓浏览器打开
        }
    } else {
        //否则就是PC浏览器打开
    }
    下面是整理的一些常见的坑和解决办法:

    1:微信浏览器用户调整字体大小后页面矬了,怎么阻止用户调整如下:

    //以下代码可使Android机页面不再受用户字体缩放强制改变大小,但是会有1S左右延时,期间可以考虑loading来处理
    if (typeof(WeixinJSBridge) == "undefined") {
        document.addEventListener("WeixinJSBridgeReady", function (e) {
            setTimeout(function(){
                WeixinJSBridge.invoke('setFontSizeCallback', { 'fontSize':0}, function(res){
                    alert(JSON.stringify(res));
                })
            }, 0)
        });
    }else{
        setTimeout(function(){
            WeixinJSBridge.invoke('setFontSizeCallback', { 'fontSize':0}, function(res){
                alert(JSON.stringify(res));
            })
        }, 0)
    }
    //IOS下可使用 -webkit-text-size-adjust禁止用户调整字体大小
    body { -webkit-text-size-adjust:100%!important; }
    //最好的解决方案:使用rem或百分比布局
    2:移动端 HTML5 input date 不支持 placeholder 问题,可以设置如下即可解决

    <input placeholder="Date" class="textbox-n" type="text" οnfοcus="(this.type='date')"  id="date">
    3:audio元素和video元素在ios和andriod中无法自动播放
    <!--音频,写法一-->
    <audio src="music/bg.mp3" autoplay loop controls>你的浏览器还不支持哦</audio>
    <!--音频,写法二-->
    <audio controls="controls">
        <source src="music/bg.ogg" type="audio/ogg">
        <source src="music/bg.mp3" type="audio/mpeg">
        <!--优先播放音乐bg.ogg,不支持在播放bg.mp3-->
    </audio>
    <script>
        //JS绑定自动播放(操作window时,播放音乐)
        $(window).one('touchstart', function(){
            music.play();
        })
        //微信下兼容处理
        document.addEventListener("WeixinJSBridgeReady", function () {
            music.play();
        }, false);
        //备注
        //1.audio元素的autoplay属性在IOSAndroid上无法使用,在PC端正常
        //2.audio元素没有设置controls时,在IOSAndroid会占据空间大小,而在PCChrome是不会占据任何空间
    </script>
    也可用如下方法:先通过用户 touchstart 触碰,触发播放并暂停(音频开始加载,后面用 JS 再操作就没问题了)

    <script>
        document.addEventListener('touchstart', function () {
            document.getElementsByTagName('audio')[0].play();
            document.getElementsByTagName('audio')[0].pause();
        });
    </script>
    4:取消input在ios下,输入的时候英文首字母的默认大写
     <input autocapitalize="off" autocorrect="off" />
    5:android上去掉语音输入按钮

     input::-webkit-input-speech-button {display: none}
    6:关于 iOS 端字体的优化(横竖屏会出现字体加粗不一致等)
     -webkit-text-size-adjust: 100%;
     -ms-text-size-adjust: 100%;
     text-size-adjust: 100%;

    7:禁止Android和iOS用户选中文字

     html,body {-webkit-user-select:none; user-select: none; }

    8:H5GPS定位,我这里有个将GPS坐标转换成GCJ-02墨卡托坐标的js代码,可以精确的定位到具体地理位置。有捣鼓定位的可以试试。链接地址:http://download.csdn.net/detail/zhaohaixin0418/9736523  具体定位问题,改天有时间给大家整理一个出来

    9:某些Android手机圆角失效,代码如下:

     {background-clip: padding-box;}
    10:关于 iOS 系统中,中文输入法输入英文时,字母之间可能会出现一个六分之一空格
     this.value = this.value.replace(/\u2006/g, '');
    11:打电话发短信写邮件怎么实现
    <!--一、打电话-->
    <a href="tel:0755-10086">打电话给:0755-10086</a>
    <!--二、发短信,winphone系统无效-->
    <a href="sms:10086">发短信给: 10086</a>
    <!--三、写邮件
    注:在添加这些功能时,第一个功能以"?"开头,后面的以"&"开头
    1.普通邮件-->
    <a href="mailto:979976770@qq.com">点击我发邮件</a>
    <!--2.收件地址后添加?cc=开头,可添加抄送地址(Android存在兼容问题)-->
    <a href="mailto:979976770@qq.com?cc=alone_haixin@163.com">点击我发邮件</a>
    <!--3.跟着抄送地址后,写上&bcc=,可添加密件抄送地址(Android存在兼容问题)-->
    <a href="mailto:979976770@qq.com?cc=alone_haixin@163.com&bcc=723661@qq.com">点击我发邮件</a>
    <!--4.包含多个收件人、抄送、密件抄送人,用分号(;)隔开多个邮件人的地址-->
    <a href="mailto:979976770@qq.com;723661@qq.com">点击我发邮件</a>
    <!--5.包含主题,用?subject=-->
    <a href="mailto:979976770@qq.com?subject=邮件主题">点击我发邮件</a>
    <!--6.包含内容,用?body=;如内容包含文本,使用%0A给文本换行-->
    <a href="mailto:979976770@qq.com?body=邮件主题内容%0A剧情再美%0A终究是戏">点击我发邮件</a>
    <!--7.内容包含链接,含http(s)://等的文本自动转化为链接-->
    <a href="mailto:979976770@qq.com?body=http://www.baidu.com">点击我发邮件</a>
    <!--8.内容包含图片(PC不支持)-->
    <a href="mailto:979976770@qq.com?body=<img src='images/1.jpg' />">点击我发邮件</a>
    <!--9.完整示例-->
    <a href="mailto:979976770@qq.com;723661@qq.com?cc=alone_haixin@163.com&bcc=723661@qq.com&subject=
    [邮件主题]&body=剧情再美终究是戏%0A%0Ahttp://www.baidu.com%0A%0A<img src='images/1.jpg' />">点击我发邮件</a>
    12:手机拍照和上传图片
    <!--IOS有拍照、录像、选取本地图片功能,部分Android只有选择本地图片功能。Winphone不支持-->
    <input type="file" accept="images/*" />
    <input type="file" accept="video/*" />
    13:美化表单元素的一些css:
    /*一、使用appearance改变webkit浏览器的默认外观*/
       input,select { -webkit-appearance:none; appearance: none; }
    /*二、winphone下,使用伪元素改变表单元素默认外观
    1.禁用select默认箭头,::-ms-expand修改表单控件下拉箭头,设置隐藏并使用背景图片来修饰*/
       select::-ms-expand { display:none; }
    /*2.禁用radiocheckbox默认样式,::-ms-check修改表单复选框或单选框默认图标,设置隐藏并使用背景图片来修饰*/
       input[type=radio]::-ms-check,
       input[type=checkbox]::-ms-check { display:none; }
    /*3.禁用pc端表单输入框默认清除按钮,::-ms-clear修改清除按钮,设置隐藏并使用背景图片来修饰*/
       input[type=text]::-ms-clear,
       input[type=tel]::-ms-clear,
       input[type=number]::-ms-clear { display:none; }

    另外给大家说一个重感力事件:

    // 运用HTML5deviceMotion,调用重力感应事件
    if(window.DeviceMotionEvent){
        document.addEventListener('devicemotion', deviceMotionHandler, false)
    }
    
    var speed = 30;
    var x = y = z = lastX = lastY = lastZ = 0;
    function deviceMotionHandler(eventData){
        var acceleration = event.accelerationIncludingGravity;
        x = acceleration.x;
        y = acceleration.y;
        z = acceleration.z;
        if(Math.abs(x-lastX)>speed || Math.abs(y-lastY)>speed || Math.abs(z-lastZ)>speed ){
            //这里是摇动后要执行的方法 
            yaoAfter();
        }
        lastX = x;
        lastY = y;
        lastZ = z;
    }
    
    function yaoAfter(){
        //do something
    }
    今天先到这里,一起努力吧。吐舌头吐舌头再见

    展开全文
  • MyEclipse创建新的Maven项目webapp目录结构)过程如下: New -> Project... -> Maven ProjectNext, Next, 选择“maven-archetype-webapp”创建一个webapp目录结构的项目填Group Id,Artifact Id,和Package...
    MyEclipse中创建新的Maven项目(webapp目录结构)过程如下:

    1. New -> Project... -> Maven Project


    2. Next, 


    3. Next, 选择“maven-archetype-webapp”创建一个webapp目录结构的项目


    4. 填Group Id,Artifact Id,和Package(请参考后面的“关键词”),点击“Finish”


    5. 休息片刻,等待MyEclipse创建项目

    创建完成后,文件目录结构如下:


    6. (如果不喜欢现在的文件名)修改项目名称和存放路径:项目右键 -> refactor -> rename


    7. 添加代码目录:
    注:如果是MyEclipse2015,只需要在Java Build Path -> Libraries 中,把JRE System Library修改为“Workspace default JRE”就可以自动有那些目录了,无需下面的操作。
    项目右键 -> Build Path -> New Source Folder...,填写“src/main/java”
    (注:MyEclipse2015没有这个菜单,直接这样就行:项目右键 -> New -> Folder ->Folder Name 输入 "src/main/java",然后重复步骤输入“src/test/java




    添加后,test目录也自动有了:


    8. (如果需要)修改项目所使用的jdk项目右键 -> Build Path -> Configure Build Path...




    最终的项目目录结构如下:


    9. 添加相应的插件,如 maven-compiler-plugin
       <plugin>
        <groupId>org.apache.maven.plugins</groupId>
        <artifactId>maven-compiler-plugin</artifactId>
        <version>2.3.2</version>
        <configuration>
         <source>1.7</source>
         <target>1.7</target>
        </configuration>
       </plugin>

    关键词:
    GroupId:一般是公司名或组织名
    ArtifactId:一般是project名
    Packaging:打包类型,jar/war/rar/ear/pom等,默认是jar
    Version:版本号,GroupId+ArtifactId+Packaging+Version构成项目的唯一标识
    Snapshot:标识一个正在开发阶段、会经常更新、但尚未发布的版本

    <dependency management>和<dependencies>的区别:
    在父POM中用<dependency management>定义好version, scope, 和exclusions后,可以被子POM中用<dependencies>定义的依赖所继承使用。这样,如果有多个子POM的话,可以确保用同一套version, scope, 和exclusions。

    Dependency Scope:
    • compile: 默认的scope。编译、测试、打包全都需要。compile参与依赖传递,就是说,项目A依赖于B(依赖scope是compile),项目C依赖于你的项目A,那么C也就依赖于B。
    • provided: 表示JDK或者容器会在Runtime时提供这些(jar),如servlet api,部署时是不需要它的,因为应用服务器肯定有这些东西。provided的东西在编译和测试时会用到,不参与传递依赖。
    • runtime: 表示编译时不需要,但测试和运行时需要,最终打包时会包含进去。
    • test: 只用于测试阶段(测试的编译和测试的运行),典型的就是junit的jar。
    • system: 和provided类似,但要求jar是系统里已有的,不会在repository里找,如rt.jar,tools.jar这些。
    • import: 简单的说,项目的pom可以继承另一个项目的pom,从而继承了父项目的依赖关系,但是因为之后single inheritance的限制,所以创造了import,使得你可以“导入”或者说“继承”任何一到多个项目的依赖关系。

    找包的方法:
    1. 在GOOGLE里输入: maven spring repository 
    2. 得到:
    <dependency>  
        <groupId>org.springframework</groupId>
        <artifactId>spring</artifactId>
        <version>2.5.5</version>
    </dependency> 

    等Maven下载完jar包后,
    1. Stop server
    2. Redeploy/Reload application
    3. Start server

    或在此网站中查找:http://mvnrepository.com/

    (原创文章,转载请注明转自Clement-Xu的博客)

    展开全文
  • 2019独角兽企业重金招聘Python工程师标准>>> ...

    我的解决步骤是:

    右键项目==>properties==>Deployment Assembly 看source中是否有webApp,如果没有Add添加。如图

    195711_rNsD_111888.png

    转载于:https://my.oschina.net/linwenbin/blog/500315

    展开全文
  • webapp下的文件夹存放的都是css,js,img之类的东西,而web-inf下存放的都是jsp,可以这样理解吗
  • 利用Eclipse创建maven项目并生成META-INF和WEB-INF目录 1、使用eclipse插件创建一个web project 首先创建一个Maven的Project如下图    我们勾选上Create a simple project (不使用骨架)    这里...

    利用Eclipse创建maven项目并生成META-INF和WEB-INF目录


    1、使用eclipse插件创建一个web project

    首先创建一个Maven的Project如下图 
    这里写图片描述 
    我们勾选上Create a simple project (不使用骨架) 
    这里写图片描述 
    这里的Packing 选择 war的形式 
    这里写图片描述 
    由于packing是war包,那么下面也就多出了webapp的目录 
    这里写图片描述

    2、由于我们的项目要使用eclipse发布到tomcat下面,这里我们需要先把项目转成dynamic web project

    在我们的项目上点击右键,选择properties 并找到 Project Facets ,并点击Convert to faceted form… 如下图: 
    这里写图片描述 
    然后勾选Dynamic Web Module 并点击ok 如下图:(3.0只有tomcat7才支持, 在部分IDE下面可以继续切换版本,比如更换到3.1标准的servlet) 
    这里写图片描述

    接下来观察我们的项目结构,多了一个web content目录 
    这里写图片描述

    注: 
    1)如果在结构转换的时候没有出现Dynamic Web Module选项,可以参考我的上一篇博文。 
    2)如果没有自动生成以上的文件夹,手动创建的效果是一样的,无需担心。

    3、虽然此时我们可以发布到tomcat中,但这不符合maven的结构,我们还要做如下修改

    把上图WebContent下面两个目录 META-INF ,WEB-INF 直接剪切到src/main/webapp目录下,并删掉WebContent目录,那么现在的项目结构如下图: 
    这里写图片描述

    然后我们要修改发布规则,右键点击项目, 选择 Deployment Assembly 
    这里写图片描述 
    选择WebContent,把它remove掉,测试类我们也不需要发布,test的两个目录页可以remove 
    这里写图片描述 
    接着重新指定一个web的路径,点击add,选择Folder – 〉 next 
    这里写图片描述 
    在src下找到webapp目录,然后finish 
    这里写图片描述 
    最后一步,我们要把当前的build path 指向 Maven Dependency, 直接点击add,选择Java Build Path Entries 然后next 
    这里写图片描述

    注:只有maven项目添加完Dynamic Web Module之后才能找到Maven Dependency选项。如果没有找到该选项,说明你创建的Maven项目尚未转化成web项目。

    完成后如下图: 
    这里写图片描述

    注: 
    网上流传的大部分博文中出现的路径都是如同下文所示的 
    /src/main/webapp / 
    /src/main/java /WEB-INF/classes 
    /src/main/resources /WEB-INF/classes 
    Maven Dependencies /WEB-INF/lib

    看这种博文我觉得浪费了我很多时间。。搞得我总是想在上图所示的前面加一个/
    其实并不是像网上大部分流传的博客那样前面会有/
    
    /src/main/webapp    /   这一句话已经为我们的WEB项目提供了根路径,其他的路径都是基于根路径的相对路径。所以无需前面再加 /
    
    • 1
    • 2
    • 3
    • 4
    • 5

    最后附上maven jar包依赖。参考慕课网的 秒杀系统

    <project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
      xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/xsd/maven-4.0.0.xsd">
      <modelVersion>4.0.0</modelVersion>
    
      <groupId>com.seckill</groupId>
      <artifactId>seckill</artifactId>
      <version>0.0.1-SNAPSHOT</version>
    
      <name>seckill</name>
      <url>http://maven.apache.org</url>
    
      <properties>
        <project.build.sourceEncoding>UTF-8</project.build.sourceEncoding>
      </properties>
    
      <dependencies>
        <dependency>
          <groupId>junit</groupId>
          <artifactId>junit</artifactId>
          <version>4.11</version>
          <scope>test</scope>
        </dependency>
    
    
        <!-- 补全项目依赖 -->
        <!-- 日志 -->
        <dependency>
          <groupId>org.slf4j</groupId>
          <artifactId>slf4j-api</artifactId>
          <version>1.7.12</version>
        </dependency>
        <dependency>
          <groupId>ch.qos.logback</groupId>
          <artifactId>logback-core</artifactId>
          <version>1.1.1</version>
        </dependency>
        <dependency>
          <groupId>ch.qos.logback</groupId>
          <artifactId>logback-classic</artifactId>
          <version>1.1.1</version>
        </dependency>
    
        <!-- 数据库相关依赖 -->
        <dependency>
          <groupId>mysql</groupId>
          <artifactId>mysql-connector-java</artifactId>
          <version>5.1.35</version>
          <scope>runtime</scope>
        </dependency>
        <dependency>
          <groupId>c3p0</groupId>
          <artifactId>c3p0</artifactId>
          <version>0.9.1.2</version>
        </dependency>
    
         <!-- DAO框架依赖 -->
         <dependency>
          <groupId>org.mybatis</groupId>
          <artifactId>mybatis</artifactId>
          <version>3.3.0</version>
        </dependency>
        <dependency>
          <groupId>org.mybatis</groupId>
          <artifactId>mybatis-spring</artifactId>
          <version>1.2.3</version>
        </dependency>
    
        <!-- servlet web相关依赖 -->
        <dependency>
          <groupId>taglibs</groupId>
          <artifactId>standard</artifactId>
          <version>1.1.2</version>
        </dependency>
        <dependency>
          <groupId>jstl</groupId>
          <artifactId>jstl</artifactId>
          <version>1.2</version>
        </dependency>
        <dependency>
          <groupId>com.fasterxml.jackson.core</groupId>
          <artifactId>jackson-databind</artifactId>
          <version>2.5.4</version>
        </dependency>
        <dependency>
          <groupId>javax.servlet</groupId>
          <artifactId>javax.servlet-api</artifactId>
          <version>3.1.0</version>
        </dependency>
    
        <!-- spring依赖 -->
        <dependency>
          <groupId>org.springframework</groupId>
          <artifactId>spring-core</artifactId>
          <version>4.1.7.RELEASE</version>
        </dependency>
        <dependency>
          <groupId>org.springframework</groupId>
          <artifactId>spring-beans</artifactId>
          <version>4.1.7.RELEASE</version>
        </dependency>
        <dependency>
          <groupId>org.springframework</groupId>
          <artifactId>spring-context</artifactId>
          <version>4.1.7.RELEASE</version>
        </dependency>
    
        <dependency>
          <groupId>org.springframework</groupId>
          <artifactId>spring-jdbc</artifactId>
          <version>4.1.7.RELEASE</version>
        </dependency>
        <dependency>
          <groupId>org.springframework</groupId>
          <artifactId>spring-tx</artifactId>
          <version>4.1.7.RELEASE</version>
        </dependency>
    
        <dependency>
          <groupId>org.springframework</groupId>
          <artifactId>spring-web</artifactId>
          <version>4.1.7.RELEASE</version>
        </dependency>
        <dependency>
          <groupId>org.springframework</groupId>
          <artifactId>spring-webmvc</artifactId>
          <version>4.1.7.RELEASE</version>
        </dependency>
    
        <dependency>
          <groupId>org.springframework</groupId>
          <artifactId>spring-test</artifactId>
          <version>4.1.7.RELEASE</version>
        </dependency>
      </dependencies>
    </project>
    转载地址:http://blog.csdn.net/u011669700/article/details/53558257
    展开全文
  • 程序找不到你的jsp页面是因为你webapp文件夹不是Web Root,下面更改为Web Root: files-project settings-facets: 找到web这一项,更改web resource directories的路径为你的webapp文件夹即可 ...

    程序找不到你的jsp页面是因为你webapp文件夹不是Web Root,下面更改为Web Root:

    files-project settings-facets:

    找到web这一项,更改web resource directories的路径为你的webapp文件夹即可

    展开全文
  • 关于tomcat的webapp目录

    2018-06-26 17:35:13
    工作这种事情,越做越觉得自己会的不多,要好好努力。今天就记下关于tomcat的webapps目录认知。webapps目录用来存放应用程序,当... 下面关于对于项目中webapp的认知。所以关于在项目中访问本地的图片问题。如图啊...
  • 1.右击项目工程,选择Properties,进入后选择Project Facets进入以下界面2.把Dynamic Web Module的勾先取消,Apply后再次勾选Dynamic Web Module后选中红框的链接3.点击后会进入下面这个界面,我们需要修改...
  • 有一次,我运行一个JavaWeb项目时,突然想到:我把JavaWeb项目部署到Tomcat,那Tomcatwebapp文件夹下应该有它。当我找到这个文件夹时,很意外,竟然没有。         ...
  • web项目创建webapp

    2019-09-19 12:23:04
    当web项目中没有webapp或者误删后自行创建后,没有了文件夹上原来的小蓝点 那么应该如何创建呢? 1. 或者: 以上两种方法都可以 2.选择你要创建webapp的所在项目或者模板,然后点击+ 选择web 创建成功 创建的...
  • 1.当我们用IntelliJ IDEA 启动 springBoot新项目访问webapp下的静态页面时出现404,且没有任何错误的情况下,但是用eclipse启动项目没有问题,解决方案:点击run-edit configurations 在Working directory 选择 ...
  • 在web.xml加入监听器,用spring框架的 WebAppRootListener类   listener> listener-class> org.springframework.web.util.WebAppRootListener listener-class> listener> context-param> par
  • 新建Maven工程webapp项目index.jsp报错解决方法
  • webapp是什么?

    2018-07-03 14:49:12
    Webapp网络应用程序WebApp是指基于Web的系统和应用,其作用是向广大的最终用户发布一组复杂的内容和功能。从一个简单的帮助消费者计算汽车租借费用的网页,到为商业人员和度假者提供全套旅游服务的大型复杂的WEB站点...
  • 首先我新建了一个maven-webapp项目,如下 然后我把main目录下的java和resource创建出来 这是我们点击上面的蓝色角标文件夹图标 出现以下页面,按我图片要求即可 接下来就是resource目录下不能...
  • maven项目没有webapp

    2020-05-07 21:38:10
    eclipse创建的maven有webapp包,而idea创建的maven项目可能出现没用webapp包,则需要自己创建: 建议webapp放在main下,利于管理可迁移。
  • 关于idea下的Maven项目的webappp下的jsp页面无法使用el或者jsp表达式的时候  需要加入如下代码段 page isELIgnored="false" %>
  • 最近用eclipse新建了一个maven项目,结果刚新建完成index.jsp页面就报错了,先把错误信息贴出来看看 后来就找资料,结果发现两种解决办法,希望可以帮助用得上的人! 第一种:直接在pom.xml文件添加...
  • IDEA新建maven项目没有webapp目录 1、在项目上右键 》open module settings 2、在Modules模块,增加web配置。 3、设置web根目录和web.xml文件所在位置。 4、结果如下图: ...
  • 在学习spring时,创建的maven项目没有webapp目录。 由于maven是最基本的项目,只包含pom.xml,我们若想创建的是web项目 须选择maven基本的web包 这里选中maven基本的webapp包即可
1 2 3 4 5 ... 20
收藏数 97,586
精华内容 39,034
关键字:

项目中webapp