是一个基于vue的密码管理应用,支持数据库/本地存储两种方式 ,非常适合练练手(vue和flask增删查改)
PwdLodge 是一个基于vue的密码管理应用,支持数据库/本地存储两种方式
非常适合练练手(vue和flask增删查改)
vue2 + axios + bootstrap-vue
非常适合练练手
PwdLodge/
├── public/
│ ├── index.html
│ └── ...
├── src/
│ ├── assets/
│ ├── components/
│ │ ├── AddInfo.vue
│ │ ├── MainBody.vue
│ │ ├── NavMenu.vue
│ │ └── SearchAndAdd.vue
│ ├── store/
│ │ └── index.js
│ ├── utils/
│ │ └── request.js
│ ├── App.vue
│ ├── main.js
│ └── ...
├── db/
│ └── db.json
├── jsconfig.json
├── package.json
└── ...
后端数据有两种方式使用:
git clone https://github.com/mingchen666/PwdLodge.git
在.env文件里面填写VUE_APP_PASSWORD、VUE_APP_BACKEND_TYPE(值为flask/json-server)
(1).使用json-server模拟后端请求数据
npm install -g json-server
json-server --watch db/db.json
(2).使用python的flask框架作为后端 自行安装python环境3.x
pip install Flask,flask-cors
# 填写.env文件的环境变量
python app.py
可以直接复制dist文件夹里面的内容部署到服务器上
或者自己打包
npm run build
# 或者
yarn build
# 或者
pnpm run build
git clone https://github.com/mingchen666/PwdLodge.git
cd PwdLodge
npm install
# 或者
yarn install
# 或者
pnpm install
npm run serve
# 或者
yarn serve
# 或者
pnpm run serve
项目非常适合拿来练手vue和flask增删查改 这个项目可能存在未知问题,欢迎大家一起交流和探讨,提出宝贵的意见和建议,共同完善这个项目。