【Java杀呀】【01】JavaWeb 新手实战 快速建立个人/公司 动态网站
时间:2023-08-09 06:24:02 | 来源:网站运营
时间:2023-08-09 06:24:02 来源:网站运营
【Java杀呀】【01】JavaWeb 新手实战 快速建立个人/公司 动态网站:
- 写一篇让人有目标,有成就感,有使命感。
- 写懂讲懂证明学会,便于复习,省得忘记。
- 于己学有所得,于人助人为乐,多多益善。
在我的认知范围内,搭建网站框架有两种:
- 先买域名,然后解析到空间服务器上(域名必须掏钱而且要实名认证,一年差不多五十多块钱;空间服务器可以试用,如三丰云的)
- 或者是试用阿里云/腾讯云/华为云的一个月服务器,
- 远程通过Apache(Wamp静态)服务器请求连接(3306端口)
- 或通过Tomcat(Java/JSP动态)服务器请求连接(8080端口)
网站主题也有两种,跟英雄皮肤一样快速换CSS样式:
- 主要针对博客的hexo,域名以http://github.io结尾。纯免费。
- 应用范围更广的wordpress。博客、企业门户、商城购物...
但是hexo和wordpress安装的是静态网页,也就是说不能够从数据库读取数据自动填充刷新内容。就好比本站用户发想法、淘宝卖家上架商品,不可能在那里光写着html文件,卖家上架一个商品,程序员就加一行代码,那样的话工作效率就太低下了,而且还有以亿为单位进行计算的用户量,要都是静态网站的话,那代码估计得以?为单位。
所以需要在网站上开发一个模块(app应用),囊括了用户的注册、登录、上传等功能,而且还要有一个数据库用来存储用户的信息,并在网页上面动态显示出来,确保每个用户的页面内容都不一样。Java功能+MySQL数据+JSP页面。
一、阿里云搭建自己的服务器
参考链接:我想搭建一个自己的服务器,但不知道怎么做,求会的大佬指点一下?实体的,没表达清楚,顺便问问难不难?
【1】free.aliyun.com 登录阿里云试用中心
【2】选这个突发型t5
【3】设备配置
- CPU:1核
- 内存:2GB
- 磁盘空间:40GB
- 系统:Windows Server 2012 R2数据中心版 64位(Win都能用的惯)
【4】更改远程密码
- 实例密码是服务器开机密码,一般不需要。直接阿里云网页界面中点击启动即可,没必要那么麻烦。
- VNC远程密码就是远程访问的密码。
左侧栏中,本菜鸟目前常用到的就是实例和安全组。实例就是服务器相关设置;安全组就是网页访问相关(即在ip后加冒号数字,默认的是80)
概览中官方还提供了不同板块功能实现的教程。
【5】远程桌面连接
- 本地电脑中系统键入Remote
计算机
:就是你服务器的ip地址,实例列表中会给两个,一个公的,一个母的,不对,一个私的。输入公的ip。密码
:就是刚刚设置的远程访问密码
需要注意的是:- 服务器——唯一ip地址如80.100.78.60。阿里云的那些云服务器每台都会分配一个公网IP,这样域名绑定后,网页把http://www.xxx.com解析为ip地址,确保ip地址唯一,要不然网页就访问不到了,因为数据请求不到。www的域名解析出来就是那些公网ip,用tomcat/apache服务器开发的网站就是为了响应回复这些请求的。
- 局域网——ip地址如192/172开头的。其他小地方,比如一个办公室/小区/村内,只有一个公网IP,然后再分私网。阿里云服务器公网ip一对一,小地方服务器公网ip一对多
【6】进来啦,访问成功
二、安装Wamp Server集成工具
- W——Windows系统。
- A——Apache服务器。
- M——Mysql数据库。
- P——PHP脚本。
【1】MySQL无法启动(缺失C++环境和dll动态链接库的原因)
安装过程中可能会遇到Mysql安装时mysqld.exe报`应用程序无法正常启动(0xc000007b)`的问题,那是因为缺少相对应的VC++库,需要用Direct X Repair工具来修复。如果缺失相应的dll文件话,那就下载放到windows里面。
我都把相应的工具直接整理好了,省得各大网站去下载了。可以公号“UE4有意思吧”回复“JavaWeb”获取。
【2】点击phpMyAdmin 进入MySQL修改数据库密码
默认root是没有密码的,直接点击进入后修改密码。后期网站的数据库就是本地MySQL上面的数据。
到这里了,可以跟着流程来安装Wordpress建站,但那功能有限不够用。
三、安装JDK Java开发工具包
【1】下载安装JDK(Java Development Kit)
- Java SE - Downloads | Oracle Technology Network | Oracle 版本
- Java SE Development Kit 8 - Downloads (oracle.com)
下载64位的。
默认路径安装。
【2】定义环境变量:
环境变量就是便于在cmd中用关键词进行操作。比如输入java -version,现在电脑在cmd中还不认java这个词,但你像键入ipconfig的话,电脑肯定能识别并执行相应命令返回语句。
注意系统变量名都是大写、下划线。【1】新增 JAVA_HOME 系统变量(JDK的根路径)- 变量名:JAVA_HOME
- 变量值:C:/Program Files/Java/jdk1.8.0_221(根据下载的jdk版本来重命名后缀)
- JDK——Java Development Kit,开发工具包
- JRE——Java Runtime Environment,开发环境
【2】添加 PATH 系统变量值(jdk中bin+jre中bin可执行程序)注意分号中英文的区别。
- 原变量值:C:/Program Files (x86)/Common Files/Oracle/Java/javapath;%SystemRoot%/system32;%SystemRoot%;%SystemRoot%/System32/Wbem;%SYSTEMROOT%/System32/WindowsPowerShell/v1.0/
- 后缀添增:;%JAVA_HOME%/bin;%JAVA_HOME%/jre/bin;
【3】新增 CLASS_PATH 系统变量(jar相关库文件)- 变量名:CLASS_PATH
- 变量值:.;%JAVA_HOME%/lib;%JAVA_HOME%/lib/tools.jar
【4】java -version验证四、本地安装Eclipse开发环境及Tomcat并配置项目
不要在服务器里面安装Eclipse开发。而应该是本地开发好后打包成war压缩包再给服务器的tomcat。服务器配置那么差,能开发吗?太卡了。- 需要注意Eclipse的版本是EE(Enterprise Edition)。
- Tomcat版本一般是8.5. Start.bat启动。
可以到这位大哥的专栏里面找你感兴趣的项目模板。(感谢大哥)
我选了一个网上商城的项目。我把那个视频内容步骤稍微整理一下。
【1】下载项目
git clone
https://gitee.com/2121/shop.git【2】给Eclipse配置JDK开发包
- 窗口->偏好设置->Java->Installed JRES
- 添加JDK路径。切换为JDK路径。
【3】添加Tomcat Server
只要版本是JavaEE就有,其他版本这里什么都没有的。(那种什么Install安装更新Web服务啊都不管用,版本都错了,再搜解决方案肯定是错上加错)
【4】导入项目
- File->Import->General->Existing Projects into Workspace。
- 选到有WebRoot(放网页代码)和src(放Java代码)的路径
- 添加
【5】设置项目编码
右键项目,进入项目设置。将国标GBK设置成UTF-8
【6】Build Path中添加Tomcat服务器路径
五、Navicat本地连接服务器的MySQL数据库进行更改
【1】开放3306端口,连接服务器MySQL数据库
如果不能连接需要在阿里云安全组中开放3306端口。(别无他法)
(需要确认Wampserver中的MySQL服务是开启的,Apache和MarialDB可以不用开。MarialDB也是一种数据库
)【2】新建数据库
【3】查询
将SQL代码语句复制粘贴,跑起来。然后表中就有表格数据了。
【4】录入完毕
好了,这下服务器端的MySQL数据库中就有这些数据了。
六、配置登录
【1】jdbc.properties中 配置服务器数据库密码
左侧Java Resources中的jdbc.properties(jdbc=Java Database Connectivity)。
- user为root不变
- password为你服务器MySQL的密码。不对的话网页会访问不了。
【2】阿里云开启端口8080
这样就可以用公网ip地址+端口+项目访问了。
【3】打包项目
直接导出WAR File
把它放到服务器tomcat服务器的webapps文件夹下。(默认访问是ROOT)
- 如100.30.25.12:8080/Test2 访问的是我们的项目主页
- 100.30.25.12:8080 访问的是ROOT下面的文件
【4】启动Tomcat服务器
当启动Startup.bat的时候它会自动解压的。
- 本地开发时开启Eclipse里面的Tomcat的服务器进行测试。
- 服务器端就双击这个Startup.bat 就好了。
肯定是先要用本地的localhost:8080 测试通再打包给服务器用的。(同时需要注意MySQL服务器需要开启状态)。这就需要确保本地和服务器数据库的账户密码都保持一致了,因为包一旦打出来就不可以改动了。
【5】打开你的网站吧。
你可以根据标号自定义数据分类。随便更改了数据进行测试。
product中改图片连接和图片描述以及价格等。只是做个示例。
七、VSCode编辑SQL代码数据
VS Code绝对是利器。另外刚开始的时候需要注意的是尽量代码写(快而且不受各个SQL软件的影响,直接查询录入就行了),可能会wamp重装导致sql信息丢失。
【1】hotkey脚本上下左右移动光标
#IfWinActive ahk_exe Code.exe^j::send,{left}^l::send,{right}^i::send,{up}^k::send,{down}
【2】编辑数字
- 上下倒换——Alt+上下箭头
- 上下复制——Alt+Shift+上下箭头
- 数字上下变换——Ctrl+上下箭头
- 多行编辑——按住Alt,鼠标点击光标/Ctrl+Alt+上下箭头
【3】数字递增递减
数字不断递增递减。 Increment插件。
- Ctrl+Alt+I Increment Selection/ 第一个是0,剩下数字一模一样。 Increment Selection。000000,012345.
- 光标在前就是递减。
- 光标在后就是递增。
- Ctrl+Shift+P. Increment By 1/ 0.1 等等。