帅气咕杂货间

isdc官网开发环境配置

isdc
Word count: 778 / Reading time: 3 min
2018/08/20 Share

isdc-ssm 后端

官网后端使用SpringBoot + SpringMVC +MyBatis框架进行开发

mysql

执行以下指令

1
2
3
4
5
sudo apt-get install mysql-server

sudo apt-get isntall mysql-client
 
sudo apt-get install libmysqlclient-dev

如果系统为ubuntu18.04 参考Ubuntu18.04 Mysql无法登录问题解决方案进行进一步配置

使用 mysql -u root -p 登录mysql后 执行指令 create database isdc character set utf8;

下载isdc.sql文件，使用 using isdc;进入到isdc数据库，使用source isdc.sql导入isdc.sql(注意isdc.sql文件路径填写)

后端项目配置

  1. 进入https://github.com/watermelon1gugu/isdc_ssm 将项目fork到自己账号上，然后使用git clone https://github.com/your_github_name/isdc_ssm将项目clone到本地。

  2. 使用IDEA打开项目文件夹

    等待IDEA自动配置Maven依赖。

  3. 修改文件application.properties,将其中

    1
    2
    spring.datasource.username= ***
    spring.datasource.password= *******

    修改为本地的mysql用户名与密码

  4. 在IDEA菜单栏中 view->tool window->database打开数据库连接

    选择 新建->data source->mysql

    database中输入isdc 并写入正确的User与password 测试连接通过后确定。

  5. 后端项目采用 mybatis通用mapper + mybatis generator的形式 并使用注解配置

    配置详细参考:

    mybatis中使用通用mapper作为DAO层

    在SSM中使用mybatis-generator生成DAO层（ps:目前来看，使用mybatis-generator时，将pom.xml下jstl依赖注释掉，不然会出冲突）

    MyBatis框架基于Annotation注解的一对多关联映射

  6. 配置完成后 启动IsdcSsmApplication即可

isdc-ng5前端项目配置

isdc-ng5为网站主界面前端项目，使用angular开发

安装nodejs和npm

安装python-software-properties

首先需要安装依赖包python-software-properties。

1
2
$ sudo apt-get install python-software-properties
12

添加PPA

网站deb.nodesource.com维护了nodejs的各版本安装包的PPA，我们可以从该网站上下载执行导入。

1
2
$ curl -sL https://deb.nodesource.com/setup_8.x | sudo -E bash -
12

如果提示没有安装curl，需要先安装curl。
当前6.x版本为比较稳定的版本，我们可以根据自己的需要选择安装不同的版本。

安装nodejs和npm

接下来安装nodejs，安装完成之后npm也自动安装好了。

1
$ sudo apt-get install nodejs

安装 angular-cli

1
npm install -g @angular/cli

项目Clone

与isdc-ssm同理，将isdc-manage-system项目fork到自己账号上并clone到本地。

npm install

进入项目文件夹

1
2
cd isdc-ng5
npm install

run

1
npm run start

打开浏览器输入localhost:4200即可查看网站

isdc-manage-system前端项目配置

isdc-manage-system为管理员后台的前端程序，使用vue开发

项目Clone

与以上项目同理

clone到本地后安装npm与vue-cli

1
2
3
cd isdc-manage-system
sudo npm install
sudo npm install -g vue-cli

运行

在终端中进入项目文件夹 ，输入

1
npm run dev

即可运行

设置chrome浏览器跨域

首先到谷歌商店上 下载

image

点击添加,我这里是已经添加了.

添加成功后启动该插件,在谷歌浏览器的右上角有一个图标,点击后出现如下界面:

_017

开启即可跨域

原文作者: Arch Yi

原文链接: http://watermelon1gugu.github.io/2018/08/20/isdc-fork/

发表日期: August 20th 2018, 5:29:28 pm

版权声明: 本文采用知识共享署名-非商业性使用 4.0 国际许可协议进行许可

CATALOG
  1. 1. isdc-ssm 后端
    1. 1.1. mysql
    2. 1.2. 后端项目配置
  2. 2. isdc-ng5前端项目配置
    1. 2.1. 安装nodejs和npm
      1. 2.1.1. 安装python-software-properties
      2. 2.1.2. 添加PPA
      3. 2.1.3. 安装nodejs和npm
      4. 2.1.4. 安装 angular-cli
    2. 2.2. 项目Clone
    3. 2.3. npm install
    4. 2.4. run
  3. 3. isdc-manage-system前端项目配置
    1. 3.1. 项目Clone
    2. 3.2. 运行
  4. 4. 设置chrome浏览器跨域
Total : 34
2019
2018
百度 控诉 笔试 springBoot JPA TIM Leetcode 233 JVM memory model eps 进程间通信 HelloWorld 解决办法 isdc jetbrain leetcode 39 makefile 正则表达式 modelMapper mutex semaphore mapper mybatis oneToMany ubuntu18.04 mysql opencv mybatis-generator pip SpringBoot SpringMVC Mybatis stream C++ systemd ubuntu volatile 春招 后端 图谱