# Flutter入门

**Repository Path**: icebabby/getting-started-with-flutter

## Basic Information

- **Project Name**: Flutter入门
- **Description**: 该项目基于邻家小铺的开源案例二次开发，原因是因为 原案例无法正常的启动。为了让新人更好的入门flutter，我将部分功能点砍掉，方便新手能够直接将项目启动。原项目地址：https://gitee.com/dengbin259/linjiashop
- **Primary Language**: Unknown
- **License**: 0BSD
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 1
- **Forks**: 0
- **Created**: 2021-06-15
- **Last Updated**: 2021-07-19

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# Flutter入门

#### 介绍
该项目基于邻家小铺的开源案例二次开发，原因是因为 原案例无法正常的启动。为了让新人更好的入门flutter，我将部分功能点砍掉，方便新手能够直接将项目启动。原项目地址：https://gitee.com/dengbin259/linjiashop

#### 软件架构
软件架构说明


#### 后端服务器搭建步骤

1. 准备软件
ide
jdk8
mysql
maven
nodejs
2. 进入mysql执行创建数据库命令 (反向建表 减少数据操作步骤)

CREATE DATABASE IF NOT EXISTS linjiashop DEFAULT CHARSET utf8 COLLATE utf8_general_ci; 
CREATE USER 'linjiashop'@'%' IDENTIFIED BY 'linjiashop191028';
GRANT ALL privileges ON linjiashop.* TO 'linjiashop'@'%';
flush privileges;
3. 打开项目
修改mysql 版本
<!--driver libs-->
        <mysql.connector.java.version>8.0.11</mysql.connector.java.version>

4. 下载图片文件
https://pan.baidu.com/s/1i06H4dAM1M7mYQU9etBrfw 提取码：mqvf 
将下载好的图片放入F盘
5. 修改文件 t_sys_cfg表中system.file.upload.path配置的目录下
F:/upload
注意：该目录路径为绝对路径
6. 修改配置文件密码
## 开发环境配置
debug=true
spring.datasource.url=jdbc:mysql://localhost:3306/linjiashop?useUnicode=true&characterEncoding=UTF8&useSSL=false&serverTimezone=GMT%2B8
spring.datasource.username=linjiashop
spring.datasource.password=linjiashop191028
## 首次启动需要设置下列配置为create，以便系统可以自动创建表并导入./import.sql文件
spring.jpa.hibernate.ddl-auto=create
#默认使用InnoDB引擎
spring.jpa.database-platform=org.hibernate.dialect.MySQL5InnoDBDialect
spring.datasource.sql-script-encoding=utf-8
spring.jpa.show-sql=true

#server.servlet.context-path=/api

7. 刷新maven

8. 安装好node

9. 启动后台管理服务  linjiashop-admin-api

10. 启动前台页面服务    linjiashop-mobile-api

11. 启动后台管理页面
进入linjiashop-admin目录
命令行窗口运行 npm install --registry=https://registry.npm.taobao.org
运行 npm run dev
启动成功后访问 http://localhost:9528,登录，用户名密码:admin/admin

12. 启动前台页面
进入linjiashop-mobile目录
命令行窗口运行 npm install --registry=https://registry.npm.taobao.org
运行 npm run dev
启动成功后访问 http://localhost:8080

13.注意：如果启动失败  请修改配置文件
spring.datasource.url=jdbc:mysql://localhost:3306/linjiashop?useUnicode=true&characterEncoding=UTF8&useSSL=false&serverTimezone=GMT%2B8&allowPublicKeyRetrieval=true
spring.datasource.username=linjiashop
spring.datasource.password=linjiashop191028





#### Flutter 环境搭建

1. 下载flutter的SDK解压到 指定位置
我这边的位置是 F:\GIT\flutter\
2. 配置环境变量
flutter环境变量.bat
setx /M PUB_HOSTED_URL "https://pub.flutter-io.cn"
setx /M FLUTTER_STORAGE_BASE_URL "https://storage.flutter-io.cn"
setx /M PATH "%PATH%;F:\GIT\flutter\bin"
setx /M PATH "%PATH%;F:\GIT\flutter\bin\cache\dart-sdk\bin"
setx /M PATH "%PATH%;C:\Users\admin\AppData\Local\Android\Sdk"
setx /M PATH "%PATH%;C:\Users\admin\AppData\Local\Android\Sdk\platform-tools"
注意：如果出现 1024 截断错误 请手动添加
3. 进Flutter安装目录  运行 
flutter_console.bat
4. 进入AS -settings -plugin
安装 Dart 和 Flutter
5. 进入cmd 执行  flutter doctor
6. flutter doctor --android-licenses
7. 打开模拟器
打开模拟器所在位置
安卓连接代码
查看版本 adb devices
连接端口：nox_adb.exe connect 127.0.0.1:62001
8. 关闭 上传头像 和支付（可忽略）
如果是从 邻家官方 导入的项目 请走这步 否则项目无法启动成功
9. 启动项目 安装apk
10. 将后端的输出格式改为 String （可忽略）
如果是从 邻家官方 导入的项目 请走这步 否则调用接口时无法成功

*****************************项目中遇到坑*********************************************
1.  安装 添加软链接工具
如果你的AS 是最新版 需要修改插件位置
教程地址：https://blog.csdn.net/weixin_39553363/article/details/108973649
下载地址：https://download.sysinternals.com/files/Junction.zip
ln -s ~/Library/Application\ Support/Google/AndroidStudio4.1/plugins ~/Library/Application\ Support/AndroidStudio4.1

2. flutter安装失败
教程地址：https://blog.csdn.net/weixin_39418338/article/details/106381950
flutter channel dev
将GradleException换成FileNotFoundException
--flutter config --android-sdk C:\Users\admin\AppData\Local\Android\Sdk
pubspec.yaml  导入maven







#### 参与贡献

1.  Fork 本仓库
2.  新建 Feat_xxx 分支
3.  提交代码
4.  新建 Pull Request


#### 特技

1.  使用 Readme\_XXX.md 来支持不同的语言，例如 Readme\_en.md, Readme\_zh.md
2.  Gitee 官方博客 [blog.gitee.com](https://blog.gitee.com)
3.  你可以 [https://gitee.com/explore](https://gitee.com/explore) 这个地址来了解 Gitee 上的优秀开源项目
4.  [GVP](https://gitee.com/gvp) 全称是 Gitee 最有价值开源项目，是综合评定出的优秀开源项目
5.  Gitee 官方提供的使用手册 [https://gitee.com/help](https://gitee.com/help)
6.  Gitee 封面人物是一档用来展示 Gitee 会员风采的栏目 [https://gitee.com/gitee-stars/](https://gitee.com/gitee-stars/)