• 如果你想开发一个应用(1-1)


    前言

    这个系列只是想对自己的一个总结,并且逼迫自己迭代熟悉从低到高的各个知识点,如有纰漏,欢迎提出。
    这个系列会以一根备忘录的应用举例,来完成一个创建web应用的系列文章。
    如果你在阅读这个系列,那么默认你将掌握以下知识点:

    1. 了解JDK的安装配置
    2. 了解tomcat的安装配置
    3. 掌握基础的html和js语言
    4. 掌握java基础知识,至少能独立写出冒泡排序
    5. 默认你已经安装 IntelliJ IDEA,并激活

    搭建项目结构

    基本上,貌似所有程序设计都是从hello world开始的,这里也不能免俗,下面我们使用目前来说最为强大的ide----Intellij IDEA来进行一个hello world的开发,首先,打开Idea,然后操作步骤为左上角的File菜单-->New-->Project,如图所示:

    这时候,会弹出模板选择界面,选择maven项目,并且,选择从脚手架创建项目,即选择create from archetype,在弹出的原型模板中,选择maven-archetype-webapp,即基于maven的webapp,如图所示:

    关于maven的内容,以后会有粗略介绍,现在只要知道这个名词即可。

    然后点击Next,然后:

    • 输入groupId(com.niufennan)
    • 输入artifactId(jtodos)
    • 输入versionId(1.0.0即可)

    输入完成,单击next。

    groupId建议在实际项目中采取域名的倒叙,以保证唯一性,当然如果是练习则任意名称均可。

    此时会出现maven的一些配置信息,默认即可,然后继续单击Next按钮。

    • 输入Project name(jtodos)
    • 输入Project Location 为项目的实际路径

    点击finish,就创建了一个基于maven的webapp项目。

    点击finish后,一般需等待片刻,直到idea的Maven message 控制台输出 [INFO] Maven execution finished 方能确定脚手架搭建完毕。

    配置tomcat

    一个web应用,要运行在web容器当中,当前比较轻量级配置简单,使用量较大的的web容器可以说激素tomcat了,我相信你已经将tomcat配置完成,下面是在idea中配置tomcat。

    • 首先点击右上角的箭头,弹出配置编辑页面

    • 点击左上角的+,然后再下拉菜单中选择 tomcat server 项,弹出菜单中选择Local项

    • 然后在tomcat的配置项依次配置

    说明:

    1 Tomcat项目应用,通过Configure按钮配置,通过应用的名字对应时间的tomcat项目
    2 浏览器配置,即调试时启动的浏览器及url端口,端口需与tomcat配置的端口号相同,否则应用无法启动,使用默认值8080即可
    3 发布调试的启动项,由于此项目为独立项目,指向本项目war包即可

    配置完成后,点击应用后点击OK。

    运行项目

    使用最傻瓜的方式,点击右上角的绿色三角按钮,若一切配置正确,则会弹出浏览器,显示Hello world,则应用的第一步架设完成.

    你可能还不会相信,但是就是这么简单 :)
    感谢您的阅读。

  • 相关阅读:
    Cookie&Session会话跟踪技术
    JS前端数据多条件筛选(商品搜索)
    vue数据传递的特殊实现技巧
    Vue2.x directive自定义指令
    vue 自定义组件使用v-model
    Array.prototype.slice.call(arguments)探究
    webstorm快捷键汇总
    表单添加缩略图及截图js代码
    CSS水平垂直居中的几种方法
    下载页面判断客户端
  • 原文地址:https://www.cnblogs.com/jiangchao226/p/7767407.html
Copyright © 2020-2023  润新知