• 2

  • 2

  • 收藏

【Java杀呀】【01】JavaWeb 新手实战 快速建立个人/公司 动态网站

Doctor异乡人。

关注计算机

4个月前

  • 写一篇让人有目标,有成就感,有使命感。
  • 写懂讲懂证明学会,便于复习,省得忘记。
  • 于己学有所得,于人助人为乐,多多益善。

在我的认知范围内,搭建网站框架有两种:

  1. 先买域名,然后解析到空间服务器上(域名必须掏钱而且要实名认证,一年差不多五十多块钱;空间服务器可以试用,如三丰云的)
  2. 或者是试用阿里云/腾讯云/华为云的一个月服务器,
    1. 远程通过Apache(Wamp静态)服务器请求连接(3306端口)
    2. 或通过Tomcat(Java/JSP动态)服务器请求连接(8080端口)

网站主题也有两种,跟英雄皮肤一样快速换CSS样式:

  1. 主要针对博客的hexo,域名以github.io结尾。纯免费。
  2. 应用范围更广的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】远程桌面连接

  1. 本地电脑中系统键入Remote
  2. 计算机:就是你服务器的ip地址,实例列表中会给两个,一个公的,一个母的,不对,一个私的。输入公的ip。
  3. 密码:就是刚刚设置的远程访问密码

需要注意的是:

  • 服务器——唯一ip地址如80.100.78.60。阿里云的那些云服务器每台都会分配一个公网IP,这样域名绑定后,网页把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动态链接库的原因)

请问wampserver在进行登陆phpmyadmin时,出现这种情况,是怎么回事,应该如何处理?

安装过程中可能会遇到Mysql安装时mysqld.exe报`应用程序无法正常启动(0xc000007b)`的问题,那是因为缺少相对应的VC++库,需要用Direct X Repair工具来修复。如果缺失相应的dll文件话,那就下载放到windows里面。

我都把相应的工具直接整理好了,省得各大网站去下载了。可以公号“UE4有意思吧”回复“JavaWeb”获取。

【2】点击phpMyAdmin 进入MySQL修改数据库密码

默认root是没有密码的,直接点击进入后修改密码。后期网站的数据库就是本地MySQL上面的数据。

到这里了,可以跟着流程来安装Wordpress建站,但那功能有限不够用。

外贸狗飞哥:零基础搭建PHP本地环境并安装Wordpress网站(图文指导)

三、安装JDK Java开发工具包

【1】下载安装JDK(Java Development Kit)

下载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启动。

可以到这位大哥的专栏里面找你感兴趣的项目模板。(感谢大哥)

JavaWeb项目分享

我选了一个网上商城的项目。我把那个视频内容步骤稍微整理一下。

张有路:JSP+SSH+Mysql+C3P0实现的传智播客网上商城

【1】下载项目

git clone gitee.com/2121/shop.git

【2】给Eclipse配置JDK开发包

  1. 窗口->偏好设置->Java->Installed JRES
  2. 添加JDK路径。切换为JDK路径。

【3】添加Tomcat Server

只要版本是JavaEE就有,其他版本这里什么都没有的。(那种什么Install安装更新Web服务啊都不管用,版本都错了,再搜解决方案肯定是错上加错)


【4】导入项目

  1. File->Import->General->Existing Projects into Workspace。
  2. 选到有WebRoot(放网页代码)和src(放Java代码)的路径
  3. 添加

【5】设置项目编码

右键项目,进入项目设置。将国标GBK设置成UTF-8

【6】Build Path中添加Tomcat服务器路径

五、Navicat本地连接服务器的MySQL数据库进行更改

【1】开放3306端口,连接服务器MySQL数据库

如果不能连接需要在阿里云安全组中开放3306端口。(别无他法)(需要确认Wampserver中的MySQL服务是开启的,Apache和MarialDB可以不用开。MarialDB也是一种数据库)

navicat无法远程链接?network error?

【2】新建数据库

  • utf8_unicode_ ci

【3】查询

将SQL代码语句复制粘贴,跑起来。然后表中就有表格数据了。

【4】录入完毕

好了,这下服务器端的MySQL数据库中就有这些数据了。

六、配置登录

【1】jdbc.properties中 配置服务器数据库密码

左侧Java Resources中的jdbc.properties(jdbc=Java Database Connectivity)。

  • user为root不变
  • password为你服务器MySQL的密码。不对的话网页会访问不了。

【2】阿里云开启端口8080

这样就可以用公网ip地址+端口+项目访问了。

You don't have permission to access / on this server.如何解决?

【3】打包项目

直接导出WAR File

把它放到服务器tomcat服务器的webapps文件夹下。(默认访问是ROOT)

  • 如100.30.25.12:8080/Test2/shop 访问的是我们的项目主页
  • 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】编辑数字

  1. 上下倒换——Alt+上下箭头
  2. 上下复制——Alt+Shift+上下箭头
  3. 数字上下变换——Ctrl+上下箭头
  4. 多行编辑——按住Alt,鼠标点击光标/Ctrl+Alt+上下箭头

【3】数字递增递减

数字不断递增递减。 Increment插件。

  1. Ctrl+Alt+I Increment Selection/ 第一个是0,剩下数字一模一样。 Increment Selection。000000,012345.
    1. 光标在前就是递减。
    2. 光标在后就是递增。
  2. Ctrl+Shift+P. Increment By 1/ 0.1 等等。
免责声明:文章版权归原作者所有,其内容与观点不代表Unitimes立场,亦不构成任何投资意见或建议。

计算机

2

相关文章推荐

未登录头像

暂无评论