webapp项目_webapp项目的目录结构 - CSDN
精华内容
参与话题
  • 10个流行webapp项目.rar

    2020-07-30 23:31:29
    10个主流webapp小程序项目,是个非常好的资源,包括主流的:教育,电商,快递,外卖等;10个主流webapp小程序项目,是个非常好的资源,包括主流的:教育,电商,快递,外卖等;10个主流webapp小程序项目,是个非常好的...
  • 现代人生活品质愈来愈高,之前想要了解家居的话,必须去实体门店,现在各类app如繁花乍现,也改变了人们的生活理念。app在手,全都不愁。... 效果截图如下: ...我有几张阿里云幸运券分享给你,用券购买或者升级阿里

    现代人生活品质愈来愈高,之前想要了解家居的话,必须去实体门店,现在各类app如繁花乍现,也改变了人们的生活理念。app在手,全都不愁。如是利用了HTML5+css3开发了一个快速装修移动端app,界面新颖、功能不错,利用iscroll实现页面上拉刷新、下拉加载,swiper实现区块轮播。

    效果截图如下:

    a54d7a10fbfb6927b9211b1e83a353504d5a82cb  f05020507b8b768e98c3e63e728b849e79f494ed

    86bc0c2d2ea8abc749a3bb2875bca82292b6f9f8  81fc05559d301615cbf50670a03c20e8a3f5752d

    我有几张阿里云幸运券分享给你,用券购买或者升级阿里云相应产品会有特惠惊喜哦!把想要买的产品的幸运券都领走吧!快下手,马上就要抢光了。

    ae0e3ad53faab43080a04b4791ba2aa5cef92aff  26b97381abef436fa6e016dc0265d2239253cebb

    dbcbc5f787ef4a1b7d828e45b6771461d0528d3e  ffa699bad7c9b52e5d31af1483e4ff3e81ced340


    ===主张原创开发,拒绝数量、追求质量!
    ===建立营销型网站,全新清新风格,协助每个用户更加高效的工作。
    ===追求完美是我们一贯的信念。我们重视每一个细节,每个作品都细心雕琢,精确到像素级。

    本文为博主原创文章,未经博主允许不得转载,欢迎大家一起交流 QQ(282310962) wx(xy190310)

    原文链接

    展开全文
  • 项目是基于MUI的一个实际项目,调用知乎新闻和豆瓣电影API,可以阅读新闻、查看目前在映电影信息和影评,还可以在线播放预告片。同时附上整个项目的开发详细步骤,希望对大家学习WEBAPP开发有帮助
  • web项目创建webapp

    2019-09-19 12:23:04
    web项目创建webapp 当web项目中没有webapp或者误删后自行创建后,没有了文件夹上原来的小蓝点 那么应该如何创建呢? 1. 或者: 以上两种方法都可以 2.选择你要创建webapp的所在项目或者模板,然后点击+ 选择web ...

    web项目创建webapp

    当web项目中没有webapp或者误删后自行创建后,没有了文件夹上原来的小蓝点

    在这里插入图片描述
    那么应该如何创建呢?

    1.

    在这里插入图片描述
    或者:
    在这里插入图片描述
    以上两种方法都可以

    2.选择你要创建webapp的所在项目或者模板,然后点击+

    在这里插入图片描述
    选择web
    在这里插入图片描述
    创建成功
    在这里插入图片描述
    创建的web可以自行更改文件名称

    希望帮助到了你

    展开全文
  • webapp项目前端总结

    千次阅读 2018-06-11 14:16:51
    整体把握,从设计稿入手 —— 技术选型新项目到手,算是运气好,设计稿都已经全部完成了,40多个页面。不用担心边做边改的情况。能够提前确定重用性和一些规范。 项目主要要求: 1. 兼容PC、微信、移动端,兼容...


    提纲

    • 整体把握,从设计稿入手——技术选型
    • 并行开发,从实现静态页面开始
    • 前端自动化
    • 前端js逻辑
    • 前后端集成
    • 小问题集合
    • 总结

    1.整体把握,从设计稿入手 —— 技术选型

    新项目到手,算是运气好,设计稿都已经全部完成了,40多个页面。不用担心边做边改的情况。能够提前确定重用性和一些规范。 
    项目主要要求: 
    1. 兼容PC、微信、移动端,兼容现代浏览器,IE9+等 
    1. 嵌入到安卓、ios客户端和微信,要求页面独立 
    1. 使用node.js作为中间件

    我负责前端页面和逻辑,node是另一个同事负责,前端架构由前端组长负责。 
    前端框架选型是开发前很重要的准备: 
    1. UI框架: 考虑过uikit、amazeUI、bootstrap,最终选择bootstrap+自定义样式,主要原因公司其他项目也用的bootstrap。对我来说这三个框架我之前都没用过,作为一个一年经验的前端很可笑吧,其实我觉得也没啥,马上学便是。 
    1. js库: 考虑过jquery和zepto,最终选择jquery 
    1. 前端工具: gulp,browserify,bower,less 
    1. node用的express,node那个同事熟悉 
    1. 前端模板用的swig 
    1. greensock动画库

     

    2.并行开发,从实现静态页面开始

    经过一个星期的前期准备和调研,前端基本的架子搭起来了,gulp、bower、 规范。js这一块自动化还未准备就绪,node后台的架子也在搭建。各方进度都有不一致的地方,考虑到并行开发,我建议我先做静态页面,node后台继续搞自己的,组长继续研究架子。 
    这样也好,专心写页面,能更专注的考虑html、css方面的东西。做完40个页面总共花了8的工作时间(未加班),我觉得还是比较快了。 
    css方面从bower里引入了bootstrap的部分less源码,再覆盖一些源码需要修改的样式,然后更多的是自己定义的样式。这个过程中已经考虑了很多重用、结构、命名问题,所以前期4天的时间我的进度都很慢,因为边写就边优化了,磨刀不误砍柴工,后4天就差不多完成了30个页面。以下是文件结构,按照bootstrap规范:

     

    3.前端自动化

    静态页面写完了,刚好组长架子、工作流这一块也搭好了,后台也做了一些功能等待集成。 
    组织js用到了browserify,前后端的js逻辑都能用到require了。 
    项目比较紧,组长这一个架子都还没彻底搞懂,还是挺复杂的,之后松点了将会好好看看。 
    自动化带来了更高效率的开发,监听、打包、压缩、iconFont、require等前期做好了配置,后面几乎就不需要改动了,对于前端来说,这些都是必不可少的技术要求。

     

    4.前端JS逻辑

    JS这一块,为每个页面配置了viewName,写在了base.html里,所有页面将继承base,这一块当然就是开始说的swig模板,相应文件夹的里所有html文件的js将会引入page->{% viewName %}->index.js。 
    browserify把一些依赖js挂到了全局,比如:jquery,jq-validate,jq-form,greensock。 
    特定的页面配置了pageConfig,用来获取一些数据。 
    触发事件都用事件代理控制,组件间通信用trigger触发器。

    view里:html写好dom节点和动态参数,自动化工具会自动拼接节点生成swig前端模板,在其他js里面就可以require了。传入相应参数,就可以输出到页面了,如图自定义popup组件和list组件很方便就能调用。

     

    5.前后端集成

    好像没啥好说的,后端准备好接口,前端调用就行了,某些问题上需要多点沟通,保证需求理解一致。

     

    6.小问题集合

    1. gulp iconFont某些字体图标残缺,暂时icomoon手动更新
    2. 移动端 active 失效: -webkit-tap-highlight-color: transparent;
    3. html5 video audio很多事件现代浏览器支持不好,特别是移动端的浏览器,可以用这个地址做测试http://www.w3.org/2010/05/video/mediaevents.html
     

    7.总结

    1. 整体把控、注重命名和重用,出现觉得不合理的和需要重用的就应该优化。
    2. 如果有条件先实现静态页面,再最后来写js逻辑,这样开发应该会更快。
    3. 因为多少自己也做过设计,也知道有时候作为前端感觉设计师不放过每一个细节让人觉得有点累,但是我们应该尊重设计师,不要有任何抱怨因为这是他们的责任,当然我说这一点并不是我之前抱怨他们了,而是每当很忙很累的时候,看着设计师提上来的UI问题时候,我这样激励过自己,觉得这一点还是挺好,让我更积极,希望大家能多换位思考。
    4. 前后端做好各自的单元测试,尽量保证自己代码问题会是最少的,这样集成成本就变得低了。
    5. 用到第三方框架和库且不熟悉的情况下,遇到需求问题,应该首先从三方文档里找解决需求的办法,实在引入的三方库没有解决方案,再考虑自己解决。
    6. 前期约定好各种规范

    原文链接:点击打开链接


    展开全文
  • idea创建java项目后添加webapp怎么配置

    千次阅读 2019-07-17 10:35:37
    当创建好了一个项目后,并没有选择是web项目,之后我们想要添加webapp文件夹,却是普通文件夹,怎么解决? 1.首先创建一个普通webapp文件夹 2.在idea中标记为web 3.选中我们需要web的模块,在下图的位置修改为我们...

    当创建好了一个项目后,并没有选择是web项目,之后我们想要添加webapp文件夹,却是普通文件夹,怎么解决?

    1.首先创建一个普通webapp文件夹
    在这里插入图片描述
    2.在idea中标记为web
    在这里插入图片描述
    3.选中我们需要web的模块,在下图的位置修改为我们自定义webapp文件夹的路径,并应用。
    在这里插入图片描述
    4.就可以看出webapp文件夹已经被标记了。
    在这里插入图片描述

    还有一个问题:在web.xml中出现Servlet should have a mapping错误提示,说明我们web.xml的路径不对,只需要在刚才的设置页面,在设置一下web.xml的文件路径。

    在这里插入图片描述
    最后我们要配置Tomcat启动项目时,还需要配置
    在这里插入图片描述
    然后就可以在Tomcat中配置并启动。

    展开全文
  • 第一个webApp项目

    2018-11-14 14:48:15
    开发的第一个webapp还是比较简单,但鉴于被坑了一回所以打算记录下来以帮助更多的同行在遇到我这个问题的时候能够顺利度过难关。  我是从事android开发的,在webapp这一块可以说就是文盲,刚开始接触的时候走了...
  • webapp项目准备

    2019-10-08 19:39:42
    vue create webapp (项目名称webapp) 选择 Babel , Router , Vuex , Css Pre-process , Linter/Formatter 选择 Stylus 导入idea 启动项目 删除多余内容,修改启动页面App.vue 引入 搜索文件css reset ...
  • 今天在做项目的在JSP里面使用了${pageContext.request.contextPath} 请求静态资源时,页面直接将${pageContext.request.contextPath} 输出 例如:${pageContext.request.contextPath}/page/computer/themes/ui.js ...
  • Mui开发的webapp项目demo

    2020-07-16 23:33:23
    Mui开发webapp项目demo,找很久很多demo 发现这个demo做的最好一个,现在分享个大家,希望能给大家对学习Mui有所帮助
  • idea 快速搭建一个webapp项目 步骤一:建立打开idea 第二步:新建一个maven项目 步骤三:我们选择需要生成到的目录和项目名称。 第四步:点击Finish ,然后静等项目bulid 完成。 一个webapp项目就创建...
  • IDEA创建webapp项目并配置tomcat

    千次阅读 2017-06-28 17:54:15
    好吧,在开头,我们了解下我们主要的软件先: 什么是IDEA?  IDEA 全称IntelliJ IDEA,是java语言开发的集成环境,IntelliJ在业界被公认为最好的java开发工具之一,尤其在智能代码助手、代码自动提示、重构、J2EE...
  • Intellij Idea新建webapp项目

    千次阅读 2019-01-03 16:38:22
    第一步:File—>new-->project,或者Create New Project 第二步:选择Maven,然后勾选 Create from archetype ,选择库,... ...第三步:输入GroupId和ArtifactId(它们代表的意思自己可以百度一下) ......
  • 下载地址:https://www.jetbrains.com/idea/download/#section=windows 一、Maven、JDK和Server全局配置 1.maven配置 ...二、创建一个webapp项目 1.新建 2.选择jdk与原型 3.填写GroupId和Art...
  • https://blog.csdn.net/zouxucong/article/details/56009537
  • Eclipse中创建Maven webapp项目
  • IntelliJ IDEA 创建maven管理的webapp项目

    千次阅读 2018-04-08 14:38:44
    因为使用框架时基本需要使用maven管理项目,所以单独写一个搭建maven项目的流程第一步: File-->New--Project第二步: 选择maven框架第三步: 输入工程id和工程名第四步: 配置maven 第五步: 确认项目名和...
  • 一、需求 IntelliJ IDEA 集成开发环境 ...打开idea,new->project,选择maven,设置Project SDK,勾选Create from archetype,选择maven-archetype-webapp (图2.1) 点击next,填写groupId和artifactId (图2.
  • Eclipse+Maven创建webapp项目<一>

    千次阅读 2016-09-21 15:17:39
    强大的maven项目管理工具来拯救你们呢?自动下载jar,自动下载jar依赖包。你什么都不用做,只需要在中央仓库中copy相关代码即可。 中央仓库:http://mvnrepository.com/ 目前重在讲解maven的使用,具体教程后续补上...
  • Eclipse+Maven创建webapp项目

    千次阅读 2016-09-07 17:05:38
    1.Eclipse中用Maven创建项目 上图中Next   2.继续Next   3.选maven-archetype-webapp后,next   4.填写相应的信息,Packaged是默认创建一个包,不写也可以   5.创建...
1 2 3 4 5 ... 20
收藏数 100,237
精华内容 40,094
关键字:

webapp项目