PicShare网站介绍源码地址这是一个图片分享平台,借鉴了Instagram的基本功能和页面布局,对移动端网页做了一点减法,也是我在移动端乃至web项目上的处女作,欢迎大家文章或项目如有问题更正(o^^o)先点击图片登录&注册首页&内容发表评论&转发消息个人中心项目技术栈前端:Vue.js+VueRouter+Vuex+ElementUI后端:PythonFlask数据:MariaDB、对象云存储、图床功能模块登录&注册网站内容需要登录使用。注册的第一项是设置头像。很多朋友和面试官都没有看到,投稿失败。这是我的疏忽。后面会有一个是时候优化它的显示和验证功能了。首页&关注用户登录成功后即可进入首页。首页可以获得所有用户发布的最新图文新闻。以下页面可以获得所有关注用户的最新消息。用户可以点击点赞按钮对新闻点赞,点击转发按钮进入内容转发页面,点击评论按钮进入评论页面发布转发为用户提供可以自由发布转发的面板消息.,包括点赞、转发和评论。同时,用户还可以接收与账号关系相关的消息,如关注、私信(待实现)。个人中心页面的布局和内容完全模仿Instagram的手机网页。显示您自己或其他人的信息。他人信息的入口是显示用户头像和用户名的地方(首页&关注内容、评论内容区、消息详情区)。Fans&Followers通过列表展示用户之间的关系,同时为用户提供关注和取消关注的按钮。项目部署前端默认当前目录为前端目录(frontend/)安装所有npm依赖npminstallbuildnpmrunbuild此时从前端目录上层获取的dist文件夹就是我们的文件服务器部署需要文件夹backend默认当前目录为后端目录(backend/)确保你的服务器已经安装了Python3(推荐Python3.6及以上版本)和虚拟环境venv创建虚拟环境python3-mvenv./venv激活虚拟环境源./venv/bin/activate安装后端需要的依赖pipinstall-rrequirements.txt编辑自己的private_config.pySECRET_KEY可以是一个字符串,通过这个字符串加密存储密码时加盐HOST数据库的地址,默认是本地USERNAME数据库的连接用户名,我用的是rootPASSWORD数据库的连接密码,以及PORT数据库的监听端口。默认是3306DATABASE数据库的名称。您需要先创建数据库,而不创建表结构。如果需要使用对象云存储服务,需要对Bucket进行相应的配置。服务器使用Nginx进行反向代理。配置文件参考后端目录下的默认文件。Heroku进行持续部署,配置文件参考后端目录下的Procfile文件。部署结果个人主机:Picshare_runningon_hostHeroku:PicsharerunningonHerokuAzure:PicsharerunningonAzure总结这是我的第一个Web应用程序。通过77次代码提交,不断爬坑,不断学习,学会了如何使用H5、CSS3、JS、Python和服务器部署Github源码
