记录第一次完整搭建一个含前后端与数据库的网站

万万没想到,前两天那个kindle的项目跪在了百度云上。我花了整整一天时间想从百度云上下载几千本电子书,试了服务器与本地多种方式,甚至还开了svip,然而还是被503……有空再分几天慢慢下吧

然后本着温故而知新的原则(其实是被困在家中无法外出),我又着手写了个网页,是用于储存我从各处收集到的key。不然放在各个网站上难以使用,甚至还会忘掉在哪里有key;放在这个博客上的话用掉又不太好删;放在本地又容易丢失还不能随时随地拿出来……出于种种原因(嗯其实就是太闲了),就决定搞一个sql+python+js+html+css的大项目

首先,这个数据库可不能让随便谁都能访问,毕竟里面是存了key的,所以需要一个登录界面,毕竟是给我自己用的,就不费时间去搞花里胡哨的了,一张表单(俩输入框一个按钮)解决问题

<div style="width: 100%; text-align: center;">
  <form action="/check" method="POST">
    <h6>Please enter password</h6>
    <h5>ps. password is: testing</h5>
    <input name="username" type="text" />
    <input name="password" type="password" />
    <input type="submit" />
  </form>
</div>

然后,数据会按照我表单里以method设定的方式(注意html是method,python那边是methods)传送给action中的地址。那么python那边用flask设定这么个地址,并在下面进行处理即可

@app.route('/check', methods=['POST', 'GET'])
def check():
    if not request.form['username'] or\
            not request.form['password']:
        return 'Please write all information'
    global login_username
    global login_password
    login_username = request.form['username']
    login_password = request.form['password']
    if sql(login_username).user_login() != '':
        if sql(login_username).user_login() == login_password:
            return redirect('/print')
        else:
            return 'password error'
    else: return 'User is not exist'

关于里面提到的数据库,容我另起一篇专门来讲讲

接下来,如果账号在数据库里有,密码也对的上,就进入key的管理页面。此时python需要从数据库获取信息并传给前端,这是最让我头疼的(毕竟不会js)一阵摸索后,用上了ajax
[javascript]

[/javascript]

这个循环还是很像c的,数组结构也和c差不多

'#'是匹配id,'.'是匹配name。所以在html里创建一个id为table的div,js就会将拿到的数据与html语句合成,然后将html插入此div

点赞

发表评论

电子邮件地址不会被公开。必填项已用 * 标注