前端设计与开发实验项目2

前端设计与开发实验项目2:基于第一个项目爬虫爬取的数据(3-5个数据源),完成数据展示网站一、项目内容二、登录注册1.登录2.注册3.登出三、记录注册、登录、查询四、实现查询词支持布尔表达式五、实现查询结果的分页和排序六、Echarts数据分析图表一、项目内容1.用户可注册登录网站,非注册用户不可登录查看数据2.用户注册、登录、查询等操作计入数据库中的日志3.实现查询词支持布尔表达式4.爬虫数据查询结果列表支持分页和排序5.用Echarts实现3个及以上的数据分析图表,展示在网站中二、登录注册
摘要由CSDN通过智能技术生成

一、项目内容

1.用户可注册登录网站,非注册用户不可登录查看数据
2.用户注册、登录、查询等操作计入数据库中的日志
3.实现查询词支持布尔表达式
4.爬虫数据查询结果列表支持分页和排序
5.用Echarts实现3个及以上的数据分析图表,展示在网站中

二、登录注册

1.登录

在这里插入图片描述
index.js文件中login部分

router.route('/login')
    .get(function(req, res) {
        if(req.session.islogin){
            res.locals.islogin=req.session.islogin;
        }

        if(req.cookies.islogin){
            req.session.islogin=req.cookies.islogin;
        }
        res.render('login', { title: '用户登录' ,test:res.locals.islogin});
    })
    .post(function(req, res) {
        client=usr.connect();
        result=null;
        usr.selectFun(client,req.body.username, function (result) {
            if(result[0]===undefined){
                res.send('没有该用户');
            }else{
                if(result[0].password===req.body.password){
                    req.session.islogin=req.body.username;
                    res.locals.islogin=req.session.islogin;
                    res.cookie('islogin',res.locals.islogin,{maxAge:60000});
                    res.redirect('/home');
                }else
                {
                    res.redirect('/login');
                }
               }
        });
    });

在这里插入图片描述
login.ejs文件部分:网页前端部分,只有登录后才能进行搜索和查看图表

<%- include header %>
<div class="container">
  <form class="col-sm-offset-4 col-sm-4 form-horizontal" role="form" method="post">
      <fieldset>
      <% if(locals.islogin) { %>
         用户:<h3> <%= test %></h3>已经登陆。<br>
         <a class="btn" href="/logout
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值