intellij idea java web怎么引入js

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了intellij idea java web怎么引入js相关的知识,希望对你有一定的参考价值。

第一步,在你的web项目里新建一个js文件夹

第二步:JSP页面引入即可

参考技术A

IDEA中Javaweb引入js的方式有大概两种:

一:内部引入方式

意思就是和html代码写在同一个文件下。具体例子如下:

<input id="btn" type="button" value="点我送你去百度"/>
<script>
    var btn=document.getElementById("btn");
    btn.onclick=function()
        open("https://www.baidu.com")
    
</script>

二:外部引入方式

就是和HTML代码不在同一个文件下。具体例子如下:

我的js文件名为Test5.js;


    var btn = document.getElementById("btn");
    btn.onclick = function () 
        open("https://www.baidu.com")
    

还是刚刚的例子,写法就变成了

<input id="btn" type="button" value="点我送你去百度"/>
<script src="Test5.js"></script>

在这里有一点需要注意的就是:

当你使用外部引入方式的时候,script标签里面不能写其他的javascript代码。

参考技术B

一:内部引入方式

意思就是和HTML代码写在同一个文件下。

二:外部引入方式

就是和HTML代码不在同一个文件下。

一:内部引入方式

意思就是和HTML代码写在同一个文件下。具体例子如下:

1234567

<input id="btn" type="button" value="点我送你去百度"/><script>    var btn=document.getElementById("btn");    btn.onclick=function()        open("https://www.baidu.com")    </script>

二:外部引入方式

就是和HTML代码不在同一个文件下。具体例子如下:

我的js文件名为Test5.js;

参考技术C 敲一下名字+快捷键(ctrl+shift+空格)

Java EE 学习:使用IntelliJ IDEA开发java web

参考:http://www.cnblogs.com/carsonzhu/p/5468223.html

使用IntelliJ IDEA开发java web

前言:由于本人以前简略的学习过 java 语言,想试试用 IntelliJ IDEA 来开发 java web 项目来练练手!

自我提醒:本节主要记录了 IDEA ,JDK,Tomcat 安装,并进行最简单的 Java web 项目(不使用 maven 和 web 框架)创建并进行测试。 

一、下载安装篇

1.安装IntelliJ IDEA

官网的下载地址: http://www.jetbrains.com/idea/download/ ,支持mac/windows/linux三大主流平台,我用的是windows版本。

注:IntelliJ IDEA是商业软件,有二个版本,

Ultimate Edition是商业版本,功能完善,可以免费试用30天,建议下载该版本学习;

Community Edition 是社区免费版本,功能有所精减,可用于google android开发(我一开始下载的是这个版本,今天做此小测试时,发现不能建web项目,所以又重装了完整版,唉浪费时间)

本次使用的是IntelliJ IDEA 2017.3.1( JDK 的下载安装及环境变量的配置~略)

附:IntelliJ IDEA 使用教程(极客学院)比较全面的讲解

2.Tomcat 的下载安装及配置

官网的下载地址:http://tomcat.apache.org/,点击左侧Download的Tomcat8.0,进入Tomcat的下载页面:

   

64位Windows版本下载64-bit Windows zip (pgp, md5, sha1),解压到所需目录下:

    

  解压后到\\bin\\目录下运行startup.bat,如图下所示,如果出现Server startup in xxxx ms说明Tomcat安装成功。

 强调:出现该界面,说明 Java_Home 配置正确!!

打开浏览器测试其是否启动成功

出现如上窗口,说明安装成功,要关闭直接关掉控制台窗口即可~

但在上面 出现 ** ms 前提下,若出现

     

双击绿色版的tomcat7w.exe却出现"指定的服务并未以已安装的服务存在","Unable to open the service "Tomcat6"。

后来找到了原因,原来是没有安装此项服务。具体安装方法:打开命令行提示符窗口=> 进入Tomcat安装目录==> 进入bin目录下==> 输入:service.bat install 即可,如下:

然后重新启动:按运行\\bin\\目录下的startup.bat, 出现 Server startup in xxxx ms ,启动 Tomcat,再打开浏览器 hostlocal:8080/ 出现如上界面。

二、创建web项目

1.File -> New Project ,进入创建项目窗口

注:在IntelliJ IDEA里面“new Project” 就相当于eclipse里的“workspace”,而“new Module”才是创建一个工程。这个和Eclipse有很大的区别,如下:

强调: (1)Project SDK 的路径:自己安装的 JDK 路径,如我的是:D:\\relate_eclipse\\Java\\jdk1.8.0_121, 点击旁边的 New... 按钮,按步加载路径即可;

(2)Application Server 的路径:此处使用的是 Tomact 后台,即此处使用的是自己安装的 Tomact 路径,点击 New... 添加路径,路径如下:

其中:Tomcat Home:如 D:\\apache-tomcat-8.5.15, 后面的 Tomcat base directory路径会自行识别。

 我的配置如下:

       

接着 Next,设置工程名称

新建结果如下:

2、在 WEB-INF 目录下点击右键,New -> Directory,创建 classes 和 lib 两个目录

(注:classes用于存放编译后的java字节码,lib存放引用的jar包。)

3、设置 project path:File -> Project Structure,进入 Project Structure窗口,点击 Modules -> 选中项目“JavaWeb1” -> 切换到 Paths 选项卡 -> 勾选 “Use module compile output path”,将 “Output path” 和 “Test output path” 都改为之前创建的classes目录

4. 设置 project dependency: 点击 Modules -> 选中项目“JavaWeb1” -> 切换到 Dependencies 选项卡 -> 点击右边的“+”,选择 “JARs or directories”

注:打开就可以看到(若按上面步骤建的项目,一般没问题,不用再设置)Java Web项目是需要依赖 上图看到的 JDK 与 Tomcat包(Servlet模块就在里面)

 接着。。

点击 Modules -> 选中项目“JavaWeb1” -> 切换到 Dependencies 选项卡 -> 点击右边的“+”,选择 “JARs or directories” -> 如下选择(选择已建的 Web-INF\\lib 文件夹

再选择如下:

结果如下:

5. 配置打包方式 Artifacts:点击 Artifacts选项卡,IDEA会为该项目自动创建一个名为“JavaWeb:war exploded”的打包方式,表示 打包成war包,并且是文件展开性的,输出路径为当前项目下的 out 文件夹,保持默认即可。另外勾选下“Build on make”,表示编译的时候就打包部署,勾选“Show content of elements”,表示显示详细的内容列表。

三、配置 Tomcat

1、Run -> Edit Configurations,进入“Run Configurations”窗口,在“Server”选项板中,去掉(可不去掉,就会自行打开浏览器)勾选“After launch”,设置“HTTP port”和“JMX port”,点击 Apply -> OK,至此Tomcat配置完成。

点击“Deployment”选项卡,修改“Application context”-> Apply -> OK

四、在 Tomcat中运行项目

 

 

另附:IntelliJ IDEA使用教程(讲得不错!!)

以上是关于intellij idea java web怎么引入js的主要内容,如果未能解决你的问题,请参考以下文章

intelliJ IDEA 怎么添加本地的idea web项目

intellij idea怎么写java程序

Intellij IDEA 2016.3 创建Java Web项目

IntelliJ IDEA 2017.3-----idea创建java的web项目,详细配置(没有web.xml文件问题)

Intellij IDEA工具Java web 环境搭建

Java EE 学习:使用IntelliJ IDEA开发java web