041_基于pythonFlask + vue 的博客系统设计与实现

目录

系统展示

开发背景

代码实现

项目案例

获取源码


博主介绍:CodeMentor毕业设计领航者、全网关注者30W+群落,InfoQ特邀专栏作家、技术博客领航者、InfoQ新星培育计划导师、Web开发领域杰出贡献者,博客领航之星、开发者头条/腾讯云/AWS/Wired等平台优选内容创作者、深耕Web开发与学生毕业设计实战指导,与高校教育者/资深讲师/行业专家深度对话🤝

技术专长:Spring Framework、Angular、MyBatis、HTML5+CSS3、Servlet、Ruby on Rails、Node.js、Rust、网络爬虫、数据可视化、微信小程序、iOS应用开发、云计算、边缘计算、自然语言处理等项目的规划与实施。

核心服务:无偿功能蓝图构思、项目启动报告、任务规划书、阶段评估演示文稿、系统功能落地、代码实现与优化、学术论文定制指导、论文精炼与重组、长期答辩筹备咨询、Zoom在线一对一深度解析答辩要点、模拟答辩实战彩排、以及代码逻辑与架构设计深度剖析。

🍅文末获取源码联系🍅

👇🏻 精彩专栏推荐订阅👇🏻 不然下次找不到哟

Java项目精品实战案例《100套》

Java微信小程序项目实战《100套》

大数据项目实战《100套》

Python项目实战《100套》

感兴趣的可以先收藏起来,还有大家在毕设选题,项目以及论文编写等相关问题都可以给我留言咨询,希望帮助更多的人

系统展示

开发背景

基于Python Flask和Vue的博客系统的设计与实现,其开发背景可以从多个方面来理解:

  1. 技术发展:随着计算机技术的不断进步,特别是Web开发技术的发展,前后端分离的架构模式逐渐成为主流。这种模式允许开发者分别专注于前端和后端的开发,提高了开发效率和系统的可维护性。

  2. 需求驱动:在数字时代,人们对于信息分享、交流和个人表达的需求日益增长。博客系统作为一种开放、持久且深度的内容平台,为个体提供了独特的自我展示和交流空间。因此,开发一套功能完善、易于使用的博客系统显得尤为重要。

  3. 技术选型:在选择技术栈时,开发者考虑到了Flask框架的轻量级、灵活性高以及易于上手的特点,使其成为后端服务的理想选择。同时,Vue.js作为前端框架,以其响应式数据绑定和组件化的开发方式,使得页面开发更加高效、便捷。

  4. 系统优势:基于Flask和Vue的组合设计实现的博客系统,不仅具有开发效率高、维护成本低的优点,还能为用户提供良好的交互体验。前后端分离的模式也使得系统具有较强的可扩展性,便于后续功能的添加和优化。

  5. 实际应用:在实际开发过程中,开发者结合了Python、B/S结构、MySQL等技术,实现了用户管理、文章管理、评论与互动、页面展示与布局以及数据存储与查询等功能。这些功能的实现使得博客系统能够满足不同用户对于博客系统的多样化需求。

综上所述,基于Python Flask和Vue的博客系统的设计与实现,是在技术发展和需求驱动的背景下进行的。通过合理的技术选型和系统设计,开发出了一套既满足用户需求又具有良好用户体验的博客系统。

代码实现

java 复制代码
/**
 * 登录相关
 */
@RequestMapping("users")
@RestController
public class UserController{
    
    @Autowired
    private UserService userService;
    
    @Autowired
    private TokenService tokenService;
 
    /**
     * 登录
     */
    @IgnoreAuth
    @PostMapping(value = "/login")
    public R login(String username, String password, String role, HttpServletRequest request) {
        UserEntity user = userService.selectOne(new EntityWrapper<UserEntity>().eq("username", username));
        if(user != null){
            if(!user.getRole().equals(role)){
                return R.error("权限不正常");
            }
            if(user==null || !user.getPassword().equals(password)) {
                return R.error("账号或密码不正确");
            }
            String token = tokenService.generateToken(user.getId(),username, "users", user.getRole());
            return R.ok().put("token", token);
        }else{
            return R.error("账号或密码或权限不对");
        }
 
    }
    
    /**
     * 注册
     */
    @IgnoreAuth
    @PostMapping(value = "/register")
    public R register(@RequestBody UserEntity user){
//        ValidatorUtils.validateEntity(user);
        if(userService.selectOne(new EntityWrapper<UserEntity>().eq("username", user.getUsername())) !=null) {
            return R.error("用户已存在");
        }
        userService.insert(user);
        return R.ok();
    }
 
    /**
     * 退出
     */
    @GetMapping(value = "logout")
    public R logout(HttpServletRequest request) {
        request.getSession().invalidate();
        return R.ok("退出成功");
    }
    
    /**
     * 密码重置
     */
    @IgnoreAuth
    @RequestMapping(value = "/resetPass")
    public R resetPass(String username, HttpServletRequest request){
        UserEntity user = userService.selectOne(new EntityWrapper<UserEntity>().eq("username", username));
        if(user==null) {
            return R.error("账号不存在");
        }
        user.setPassword("123456");
        userService.update(user,null);
        return R.ok("密码已重置为:123456");
    }
    
    /**
     * 列表
     */
    @RequestMapping("/page")
    public R page(@RequestParam Map<String, Object> params,UserEntity user){
        EntityWrapper<UserEntity> ew = new EntityWrapper<UserEntity>();
        PageUtils page = userService.queryPage(params, MPUtil.sort(MPUtil.between(MPUtil.allLike(ew, user), params), params));
        return R.ok().put("data", page);
    }
 
    /**
     * 信息
     */
    @RequestMapping("/info/{id}")
    public R info(@PathVariable("id") String id){
        UserEntity user = userService.selectById(id);
        return R.ok().put("data", user);
    }
    
    /**
     * 获取用户的session用户信息
     */
    @RequestMapping("/session")
    public R getCurrUser(HttpServletRequest request){
        Integer id = (Integer)request.getSession().getAttribute("userId");
        UserEntity user = userService.selectById(id);
        return R.ok().put("data", user);
    }
 
    /**
     * 保存
     */
    @PostMapping("/save")
    public R save(@RequestBody UserEntity user){
//        ValidatorUtils.validateEntity(user);
        if(userService.selectOne(new EntityWrapper<UserEntity>().eq("username", user.getUsername())) !=null) {
            return R.error("用户已存在");
        }
        userService.insert(user);
        return R.ok();
    }
 
    /**
     * 修改
     */
    @RequestMapping("/update")
    public R update(@RequestBody UserEntity user){
//        ValidatorUtils.validateEntity(user);
        userService.updateById(user);//全部更新
        return R.ok();
    }
 
    /**
     * 删除
     */
    @RequestMapping("/delete")
    public R delete(@RequestBody Integer[] ids){
        userService.deleteBatchIds(Arrays.asList(ids));
        return R.ok();
    }
}

项目案例

获取源码

大家点赞、收藏、关注、评论 啦 、查看 👇🏻获取联系方式👇🏻

相关推荐
庸俗今天不摸鱼10 分钟前
【万字总结】前端全方位性能优化指南(十)——自适应优化系统、遗传算法调参、Service Worker智能降级方案
前端·性能优化·webassembly
QTX1873011 分钟前
JavaScript 中的原型链与继承
开发语言·javascript·原型模式
xyliiiiiL13 分钟前
一文总结常见项目排查
java·服务器·数据库
shaoing15 分钟前
MySQL 错误 报错:Table ‘performance_schema.session_variables’ Doesn’t Exist
java·开发语言·数据库
用户62799471826216 分钟前
南大通用GBase 8s 获取表的约束与索引列信息
数据库
黄毛火烧雪下17 分钟前
React Context API 用于在组件树中共享全局状态
前端·javascript·react.js
Apifox28 分钟前
如何在 Apifox 中通过 CLI 运行包含云端数据库连接配置的测试场景
前端·后端·程序员
一张假钞31 分钟前
Firefox默认在新标签页打开收藏栏链接
前端·firefox
高达可以过山车不行31 分钟前
Firefox账号同步书签不一致(火狐浏览器书签同步不一致)
前端·firefox
m0_5937581032 分钟前
firefox 136.0.4版本离线安装MarkDown插件
前端·firefox