当前位置: 首页 > Web前端 > HTML5

Vue+Flask新手第一个图片分享网站开发部署

时间:2023-04-04 22:59:57 HTML5

Vue+Flask实现一个图片分享网站和多平台部署超简单项目的第一个作品,文章或者项目的问题欢迎指正(o^^o)先点击图片
登录注册

主页&内容发布

转贴

新闻


个人中心
项目技术栈前端:Vue.js+VueRouter+Vuex+ElementUI后端:PythonFlask数据:MariaDB、对象云存储、图床功能模块登录注册网站内容需要登录使用,注册的第一项是设置头像,多好友和采访官方没看到,提交失败。这个地方是我的疏忽。以后有时间再优化它的显示和验证功能。关注页面可以获取所有关注用户的最新消息。用户可以点击赞按钮为新闻点赞,点击转发按钮进入内容转发页面,点击评论按钮进入评论页面。Post&forward为用户提供一个免费的postPanel与转发相关的消息用户可以接收与其发布或转发的内容相关的消息,包括点赞、转发和评论。同时,用户还可以接收与账号关系相关的消息,如关注、私信(待实现)个人中心页面布局和内容完全模仿Instagram的手机网页。用户可以通过个人中心展示自己或他人的信息。消息详情区)Fans&Followers通过列表展示用户之间的关系,同时提供用户关注和取消关注的按钮。项目部署前端默认当前目录为前端目录(frontend/)安装所有npm依赖npminstallbuildnpmrunbuildthis前端目录上层得到的dist文件夹就是我们需要的文件夹服务器部署。后台默认当前目录为后台目录(backend/)确保你的服务器已经安装了Python3(推荐Python3.6及以上版本)和虚拟环境venv创建虚拟环境python3-mvenv./venv激活虚拟环境source./venv/bin/activate安装后端需要的依赖pipinstall-rrequirements.txt编辑自己的private_config.pySECRET_KEY可以是字符串,传入这个字符加盐HOST数据库的地址当字符串加密存储,默认为本地USERNAME数据库的连接用户名。我使用rootPASSWORD数据库的连接密码。如果需要使用对象云存储服务,需要对Bucket进行相应的配置。服务器使用Nginx进行反向代理。配置文件参考后端目录下的默认文件。使用Heroku进行持续部署。配置文件参考后端目录。Procfile文件部署结果Fruit[x]个人主机:Picshare_runningon_host[x]Heroku:Picshare在Heroku[x]Azure上运行:Picshare在AzureSummary上运行这是我的第一个Web应用程序。通过77次代码提交,不断攀登和学习,从中学会了如何使用H5、CSS3、JS、Python和服务器部署Github源码