JavaScript
现在,前端开发脚本基本上是JavaScript一统江湖了。
其实,这只是实践竞争之后的结果。
估计是为了更好推广,JavaScript从取名上,蹭了Java语言的热度。
网景公司在自家浏览器上推出JavaScript后,大获成功;
标准领域也没闲着,根据JavaScript,形成了ECMAScript标准,并引导了JavaScript后续发展。
微软的IE浏览器为了跟网景竞争,推出了JScript和VBScript。其中JScript是IE对ECMAScript的实现。
虽然语法基本相同,但由于浏览器实现差异不小,前端开发者不得不做痛苦的兼容。
那年头,微软自家的VB也很常见,VBScript也是一种选择。
谷歌出现了,推出了Chrome浏览器,实现了V8引擎,能够更高效的运行JavaScript。
随着Chrome的流行,JavaScript的支持率越来越高,前端脚本向JavaScript快速集中。
再然后,Node.js出现了。基于 Chrome V8 引擎,初衷是让Javascript可以在更多环境中运行,实际上是极大方便了JavaScript开发。
至此,JavaScript已经非常强大了。大家都是在JavaScript基础上做文章,试图让开发者更爽。不管是用Vue,还是Angular、React,都离不开JavaScript。
这期间,微软推出了TypeScript。是的,又是微软。
TypeScript只是JavaScript语法超集,而且打包之后给浏览器运行的依然是JavaScript。
其他场景下,Javascript也得到了应用。
H5、小程序由于是基于浏览器而来,自然把JavaScript作为主要支持。
华为的鸿蒙HarmonyOS操作系统,在界面开发上,选择了同时支持Java和JavaScript开发。额,近期在TypeScript基础上,又推出了eTS开发语言。
走到今天,JavaScript可以说是主流了。
如果初学前端开发,掌握JavaScript是比较保险的选择。
顺着它的发展梳理下来,也可以快速了解这个领域。
一个完整Java后端js前端游戏项目源代码,部署运行
运行效果
视频加载中…
一、开发工具、语言、框架
开发工具:Cocos Creator 2.3.2
开发语言:Java + JavaScript
服务端框架:Spring Boot + MySQL5.1.43 + JPA + TIO
客户端语言:Cocos Creator/JavaScript
二、源码
(一)源码下载
链接: https://pan.baidu.com/s/1tzMV35U6QrhXorGGX7e20w
提取码: 关注后私信领取
(二)源代码结构图
1.服务端
2.客户端
三、Maven下载配置
(一)maven下载
https://downloads.apache.org/maven/maven-3/3.8.5/binaries/
(二)maven配置
1.将下载的maven解压至自己想要的路径,并创建repository文件夹作为本地存储路径
2.对conf目录下的settings.xml进行配置本地资源存储路径,并配置阿里的镜像(下载时会快一些)
3.配置maven系统的环境变量
4.测试maven配置(事先要配置好JDK)
这样就说明maven已配置好了
四、MySQL下载安装配置
(一)下载安装及初始化
这里下载的是mysql-5.1.43-winx64 、mysql-workbench-community-6.2.5-winx64,数据库创建及初始化如下,sql脚本位于源码script文件夹下的beimi.sql
(二)游戏源码配置,把MySQL密码修改成自己的,需要修改源码中的application.properties中的信息:
五、部署源码
(一)部署服务端
1.在cmd(命令行)中切换到源码目录下
依次执行以下命令;
1.本源码有2个依赖包需要手动安装
执行命令:
(1)
(2)
命令执行结果如下:
2.执行编译命令:mvn compile
结果如下:
3.执行服务启动命令:mvn spring-boot:start
结果如下:
没有启动成功,再次执行mvn spring-boot:start
启动成功
登录后台服务:地址127.0.0.1:80 用户名:admin密码:123456
如下图:
六、前端部署
(一)下载cocos creator 2.3.2,下载地址https://www.cocos.com/creator
(二)安装好后创建一个空项目
退出cocos creator,将源码client\\version\\chess目录下的asset和settings复制到新建空项目目录下替换asset和settings两个文件夹,
启动cocos creator,找到下载的login,然后运行
本文作者及来源:Renderbus瑞云渲染农场https://www.renderbus.com
文章为作者独立观点不代本网立场,未经允许不得转载。