【项目】全栈开发医疗小程序第1章课程介绍 1.2 搭建开发平台

【项目】全栈开发医疗小程序

文章目录

- 【项目】全栈开发医疗小程序
- - 第1章课程介绍
  - - 1.2 搭建开发平台

在这里插入图片描述

第1章课程介绍

1.2 搭建开发平台

1.2.1 硬件要求

本课程对硬件的要求相对中等，大部分个人电脑都能满足这些要求。如果你的电脑内荐只有8GB,而且被焊死在主
板上无法升级内存，那就只能选用云主机了。把Phoenix这样的程序放到云主机上面运行，你本地运行MySQL、
Redis这些东西应该没有任何压力。但是建议有条件的同学，最好还是把本地电脑内存提升到16GB才会更流畅。

在这里插入图片描述

1.2.2 软件要求

1 JDK

本课程使用的JDK是15.0.2版本，而且强烈你也必须要用这个版本。因为从JDK16开始，大幅改动了JDK底层库，所以SpringBoot和SpringCloud依赖的上百个第三方库，并不能完美兼容15版本以后的JDK。我提供给大家的Java程序是用JDK15.0.2开发的，如果你本地不是这个版本的JDK,就没办法运行我编译的Java程序。因此说，强烈建议你本地安装15.0.2这版JDK。本课程GIT附带了15.0.2版本的JDK,大家自己安装一下，然后配置好环境变量。

啊这

在这里插入图片描述

行行行

在这里插入图片描述

笔者属实没有用过这个版本

在这里插入图片描述

根据实际需要修改安装路径，下一步

在这里插入图片描述

注意JDK 9 之后就不会弹出提醒让单独安装JRE 了

在这里插入图片描述

配置环境变量

在这里插入图片描述

验证

在这里插入图片描述

2 安装IDEA插件

在这里插入图片描述

本课程使用的IDEA工具是2022版本的，建议你本地的IDEA工具最好是2021版本以上的，太老的工具可能对下面要安装的插件不兼容。另外，免费版【社区版】的IDEA工具缺少很多功能，也不建议大家使用。

在这里插入图片描述

中文插件笔者就不装了

在这里插入图片描述

这个东西，老师给了插件，

在这里插入图片描述

3 Maven

这里笔者就不再装了，贴一篇之前写的博客https://dingjiaxiong.blog.csdn.net/article/details/128884577

在这里插入图片描述

阿里云镜像配置：

	<!-- 阿里云仓库 -->
    <mirror>
      <id>alimaven</id>
      <name>aliyun maven</name>
      <url>http://maven.aliyun.com/nexus/content/groups/public/</url>
      <mirrorOf>central</mirrorOf>
    </mirror>

在这里插入图片描述

本地仓库路径：

  <localRepository>D:\Develop\Java\maven-repository</localRepository>

在这里插入图片描述

IDEA 中也完成配置

在这里插入图片描述

为了防止每次新建项目都要修改maven 的配置，所以可以配置一下新项目的设置

在这里插入图片描述

把这里弄好，每次新建项目就不会跳到C 盘那个默认的maven 配置了

4 导入Java项目

本课程一共包含了四个项目：patient-wx(小程序)、patient-wapi(小程序后端)【Java】、hospital-vue(MIS前端)
hospital-api(MIS后端)【Java】。Java项目从零搭建的步骤你可以看附录部分。另外你也可以直接导入搭建好的后端初始化项目，直接上手开发。

5 注册微信开发者账号

虽然开发微信小程序可以使用工具提供的测试号，但是试号提供的功能极为有限，而且不能真机调试。因此说，
首先我们必须要申请微信开发者账号，个人申请和使用微信开发者账号是免费的。如果你要开发的是商用小程序，那么就需要以企业身份申请微信开发者账号，而目还要缴纳认证费用。

用浏览器访问微信公众平台，然后点击页面右上角的立即注册链接。

https://mp.weixin.qq.com/

在这里插入图片描述

一步步走下去就行了，

在这里插入图片描述

帐户类型选择小程序，

在这里插入图片描述

然后填写好注册信息，然后微信平台会给你发送一封电子邮件。你需要点击电子邮件中
的激活小程序账号的链接，然后在跳转的页面中，个人详细信息，这样才算是把个人主体的微信小程序开发者账号给注册下来了。

开发微信小程序必须要用到APD和密钥，这两个东西可以在微信开发者平台上面获得。刚才大家已经成功注册了
开发者账号，那么就处在登陆的状态，不用重新登录微信开发者平台。

这里笔者新弄了一个，因为以前弄过

在网页中找到开发栏目，然后能择开发设置选项卡，在面板中你就能看到自己的小程序对应的AppID和密钥了。

如果是刚注册下来的账号，密钥还没有生成，你要手动点击页面上的按钮，生成密钥字符串。如果已经生成过密钥字符串，那么默认情况，页面会隐藏密钥字符串，你只能点击重置按钮，生成新的密钥字符串了。所以强烈建议大家，获取了密钥字符串之后，最好能用文件把密钥字符串保存下来。

在这里插入图片描述

我已经保存下来了

6 安装微信开发者工具

本课程要完成代驾小程序【啊这，医疗小程序】的开发，必然要用到微信开发者工具。因为移动端项目采用了UniApp架构，所以我们不需要在微信开发者工具上编写代码，只需要用它运行编译好的UniApp项目。

在这里插入图片描述

由于微信开发者工具最新版本经常出现各种BUG,所以建议大家使用GIT上面我附带的稳定版微信开发者工具。安
装微信开发者工具的时候，绝对不能修改安装路径，否则编译出来的小程序项目就无法运行，切记【我超，还有这种说法的吗】！

OK，用你的

在这里插入图片描述

直接双击运行

在这里插入图片描述

是要旧一丢丢，可以接受

下一步

在这里插入图片描述

我接受

在这里插入图片描述

直接安装吧，就不换了

在这里插入图片描述

启动微信开发者工具之后，用微信扫码登陆之后，点击微信开发工具右上角的“齿轮图标”，在弹出的设置面板中开启服务端口。

在这里插入图片描述

打开就行了

在这里插入图片描述

下面那个我也勾上了

修改主题配色，深色主题调试程序体验太差了，有些文件或者代码明明标记了红线，但是在深色主题里面，这些报错提示信息很难被发现，严重影响编程调错。

在这里插入图片描述

讲究

7 Node.js

本课程的Vue前端项目用到了Node.js环境，所以大家在课程的GlT中找到安装包，把Node.js程序安装上。本课程
附带的Node.js是17.3.1版本的，你本地如果低于这个版本，可能Vue3.0项目就无法成功运行，所以要安装新版本的Node.js才可以。

在这里插入图片描述

好吧，重新装一个

在这里插入图片描述

还是老师给的版本

在这里插入图片描述

直接双击运行

在这里插入图片描述

我同意，next

在这里插入图片描述

这个就可以根据自己的实际需要修改安装位置了，next

在这里插入图片描述

保持默认，next

在这里插入图片描述

保持默认，下一步

在这里插入图片描述

install！！

在这里插入图片描述

看一下

在这里插入图片描述

明明是18.6 … 将就吧

接下来我们要安装cpm环境，这样就能从国内阿里的服务器上面下载各种前端依赖包。打开命令行窗口，执行下
面的命令(MacOS系统的同学，命令行要加上sudo才可以)。

npm install cnpm -g --registry=https://registry.npm.taobao.org

CNPM安装的时候，控制台会出现警告(WARN)信息，这个无需理会，只要不是ERROR错误，就没问题。

在这里插入图片描述

8 HBuilderX工具

本课程附带了Windows和MacOS版本的HBuilderX工具，大家可以解压缩使用。因为我给HBuilderX捆绑了很多额外插件，所以不建议大家从官网下载直接使用，你要用我附带的HBuilderX。

好家伙，我导的项目还… 听你的

在这里插入图片描述

HBuilderX软件解压缩就可以直接使用，默认的编辑器字体比较小，你可以自己手动设置字体大小。最重要的是设置微信开发者工具的安装目录（注意是目录地址，不是EXE文件的地址）

在这里插入图片描述

好吧，还是笔者之前的那个

在这里插入图片描述

主要就是改一下这个