基于java+springboot+vue的地方美食分享网站的设计与实现

项目运行

环境配置：

Jdk1.8 + Tomcat7.0 + Mysql + HBuilderX（Webstorm也行）+ Eclispe（IntelliJ IDEA,Eclispe,MyEclispe,Sts都支持）。

项目技术：

ssm + mybatis + Maven +mysql5.7或8.0等等组成，B/S模式 + Maven管理等等。

环境需要

1.运行环境：最好是java jdk 1.8，我们在这个平台上运行的。其他版本理论上也可以。

2.IDE环境：IDEA，Eclipse,Myeclipse都可以。推荐IDEA;

3.tomcat环境：Tomcat 7.x,8.x,9.x版本均可

4.硬件环境：windows 7/8/10 4G内存以上；或者 Mac OS；

5.是否Maven项目: 否；查看源码目录中是否包含pom.xml；若包含，则为maven项目，否则为非maven项目

6.数据库：MySql 5.7/8.0等版本均可；
毕设帮助，指导，本源码分享，调试部署(见文末)

系统介绍：

系统功能模块

地方美食分享网站，在网站首页可以查看首页，外国美食，中式美食，热门菜品，论坛，新闻资讯，留言板，个人中心，后台管理等内容，并进行详细操作，如图5-1所示。

用户注册，在用户注册页面通过填写用户账号，姓名，密码，确认密码，联系方式等信息进行注册操作，如图5-2所示。

外国美食，在外国美食页面可以查看菜品名称，菜品类型，材料，评分，用户账号，用户姓名，时间，点击次数等内容，可以根据需要进行赞一下，踩一下，点我收藏等操作，如图5-3所示。

个人中心，在个人中心页面通过填写用户账号，姓名，密码，性别，联系方式，图片等进行更新信息，还可以根据需要对我的发布，我的收藏进行详细操作，如图5-4所示。

5.2管理员功能模块

管理员登录系统后，可以对首页，个人中心，用户管理，外国美食管理，中式美食管理，热门菜品管理，论坛管理，我的收藏管理，留言板管理等进行相应的操作，如图5-6所示。

外国美食管理，在外国美食管理页面可以对索引，菜品名称，菜式，图片，菜品类型，材料，评分，用户账号，用户姓名，时间，审核回复，审核状态 等内容进行详情，修改，查看评论和删除等操作，如图5-7所示。

中式美食管理，在中式美食管理页面可以对索引，菜品名称，菜系，图片，菜品类型，材料，评分，用户账号，用户姓名，时间，审核回复，审核状态等内容进行详情，修改，查看评论和删除等操作，如图5-8所示。

5.3用户功能模块

用户登录进入地方美食分享网站可以对首页，个人中心，外国美食管理，中式美食管理，热门菜品管理，论坛管理，我的收藏管理，留言板管理等进行相应操作，如图5-9所示。

外国美食管理，在外国美食管理页面可以对索引，菜品名称，菜式，图片，菜品类型，材料，评分，用户账号，用户姓名，时间，审核回复，审核状态等内容进行详情，查看评论和删除等操作，如图5-10所示。

中式美食管理，在中式美食管理页面可以对索引，菜品名称，菜系，图片，菜品类型，材料，评分，用户账号，用户姓名，时间，审核回复，审核状态等内容进行详详情，查看评论和删除等操作，如图5-11所示。

热门菜品管理，在热门菜品管理页面可以对索引，标题，封面，发布时间等内容进行详情，查看评论等操作，如图5-12所示。

代码实现：

@Controller
@RequestMapping(value = {"/user"})
public class UserLoginController {

    /**
     * 最开始希望用Map的形式接参数，后来不用了，将请求对应的接受方式记录一下
     *
     * @RequestBody Map<String,Object> map      post请求
     * @RequestParam Map<String,Object> map     get请求
     */

    /**
     * 注入service
     */
    @Autowired
    private UserLoginService userLoginService;

    @Autowired
    private JdbcTemplate jdbcTemplate;


    /**
     * 同时这个时候可以自己了解一下@Controller与@RestController的区别，以及@ResponseBody的用法。
     */

    /**
     * 跳转到用户登录页面
     * @return 登录页面
     */
    @RequestMapping(value = {"/loginHtml"})
    public String loginHtml(){
        return "userLogin";
    }

    /**
     * 跳转到用户注册页面
     * @return 注册页面
     */
    @RequestMapping(value = {"/registerpage"})
    public String registerpage(){
        return "register";
    }

    /**
     * 获取用户名与密码，用户登录
     * @return 登录成功页面
     */

    @RequestMapping(value = {"/userLogin"})
    public String userLogin(@RequestParam("username") String username,
                            @RequestParam("password") String password,
                            Model model, HttpServletRequest request){

        if(StringUtils.isEmpty(username)){
            return "用户名不能为空";
        }

        if(StringUtils.isEmpty(password)){
            return "密码不能为空";
        }

        User user = userLoginService.userLogin(username,password);

        if(user != null){                                                  //登录成功
            request.getSession().setAttribute("session_user",user.getUsername());     //将用户信息放入session  用于后续的拦截器
            //获取当前登录用户
            Map<String, Object> map = new HashMap<>();
            map.put("sessionId", request.getSession().getId());  // 取值
            map.put("message", request.getSession().getAttribute("session_user"));
            model.addAttribute("user",map.get("message"));



            String sql2 = "select * from userinfo where iusername=?";
            RowMapper<userinfo> rowMapper2=new BeanPropertyRowMapper<userinfo>(userinfo.class);
            List<userinfo> userinfo= jdbcTemplate.query(sql2, rowMapper2,map.get("message"));
            //userinfo thisinfo= jdbcTemplate.queryForObject(sql2, rowMapper2,map.get("message"));


            if(userinfo.size()==0){
                String sql="insert into userinfo(iusername,iage,iphone) values (?,?,?)";
                jdbcTemplate.update(sql,map.get("message"),0,0);

                List<userinfo> userinfo2= jdbcTemplate.query(sql2, rowMapper2,map.get("message"));
                model.addAttribute("info",userinfo2.get(0));//添加一个值为"hello thymeleaf"的hello变量到视图
                model.addAttribute("name",map.get("message"));
                return "myhome";
            }
            model.addAttribute("info",userinfo.get(0));//添加一个值为"hello thymeleaf"的hello变量到视图
            model.addAttribute("name",map.get("message"));
            return "myhome";
        }
        return "userLogin";
    }

    /**
     * 注册新用户
     * @return 注册结果
     */
    @ResponseBody
    @RequestMapping(value = {"/uregister"})
    public String addUser(@RequestParam("username") String username,
                          @RequestParam("password") String password,
                          @RequestParam("password2") String password2,
                          @RequestParam("age") int age){

        if(StringUtils.isEmpty(username)){
            return "用户名不能为空";
        }

        if(StringUtils.isEmpty(password)){
            return "密码不能为空";
        }

        if(StringUtils.isEmpty(password2)){
            return "确认密码不能为空";
        }

        if(!password.equals(password2)){
            return "两次密码不相同，注册失败！！";
        }else {
            int res = userLoginService.adduser(username,password,age);
            if(res == 0){
                return "注册失败！";
            }else {
                return "注册成功！";
            }
        }

    }

    /**
     * 用于测试拦截器（用户是否登录，查看session）
     * 查询用户列表  http://localhost:8080/user/queryAllUser
     * @return 用户列表（json串）
     */
    @ResponseBody
    @RequestMapping(value = {"/queryAllUser"})
    public List<Map<String,Object>> queryAllUser(){

        return userLoginService.queryAllUser();
    }

}

源码获取：

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