期末作品检查

最新推荐文章于 2021-06-03 05:12:30 发布
最新推荐文章于 2021-06-03 05:12:30 发布
阅读量62 收藏
点赞数
文章标签： python javascript 人工智能 ViewUI
原文链接：http://www.cnblogs.com/caoxinwen092/p/8206860.html
版权
    1. 期末作品检查：基本要求
      1. 检查时间：18最后四节课，上课之前必须全部完成，上课做基本部署就开始检查
      2. 方式：逐个运行演示，抽查代码
      3. 主题：选一个主题，整个网站风格统一，布局合理，尽量美观。

    2. 期末作品检查：必须完成：
      1. 网站父模板统一布局：头部导航条、底部图片导航、中间主显示区域布局
      2. 注册、登录、注销
      3. 发布、列表显示
      4. 详情页
      5. 评论、列表显示
      6. 个人中心
      7. 搜索，条件组合搜索
      8. 一篇完整的博客
        1. 个人学期总结
        2. 总结Python+Flask+MysqL的web建设技术过程，标准如下：
          1. 即是对自己所学知识的梳理
          2. 也可作为初学入门者的简单教程
          3. 也可作为自己以后复习的向导
          4. 也是一种向外展示能力的途径

    3. 期末作品检查：加分功能
      1. 文章分类、显示
      2. 点赞、收藏
      3. 修改密码、头像、上传头像
      4. 我的
      5. 高级搜索 
        {% extends 'base.html' %}
{% block title %}注册界面{% endblock %}
{% block head %}
    <script type="text/javascript" src="{{ url_for('static',filename='js/login.js') }}"></script>
{% endblock %}
{% block main %}
<form action="{{ url_for('login') }}" method="post">


        <br><br>
        <div class="input_box">
        Username:<input id="uname" type="text" placeholder="请输入用户名"><br><br><br><br>
        Password:<input id="upass" type="password" placeholder="请输入密码"><br><br><br></div>
        <div id="error_box"></div>
    <div><button id="login" type="submit" οnclick="myLogin()">登录</button></div>
</div>
</body>
</form>
{% endblock %}
        {% extends 'base.html' %}
{% block title %}注册界面{% endblock %}
{% block head %}
    <script type="text/javascript" src="{{ url_for('static',filename='js/register.js') }}"></script>
{% endblock %}
{% block main %}
<form action="{{ url_for('register') }}" method="post">


        <br><br>
        <!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>{% block title %}首页{% endblock %}</title>
    <script src="{{ url_for('static',filename='js/base.js') }}" type="text/javascript"></script>
    {% block head %}{% endblock %}
</head>
<body id="myBody">
<nav class="daohang">
    <div class="daohang_box">
        <a class="shouye" href="{{ url_for('base') }}">首页</a>
        <a class="xiaoqu1" href="{{ url_for('login') }}">登录</a>
        <a class="xiaoqu2" href="{{ url_for('register') }}">注册</a>
        <a class="xiaoqu2" href="{{url_for('question')}}">问答</a>
        <input id="search_box" type="text" placeholder="请输入关键词查找">
        <button id="search" type="submit">搜索</button>

<link rel="stylesheet" type="text/css" href="../static/css/text.css">
<div  class="aimg">
   <script>
        function mySwitch() {
            var myele = document.getElementById("on_off")
            if (myele.src.match("bulbon")) {
                myele.src = "http://www.runoob.com/images/pic_bulboff.gif"
                document.getElementById("myBody").style.background = "white"
                document.getElementById("myBody").style.color = "black"
            } else {
                myele.src = "http://www.runoob.com/images/pic_bulbon.gif"
                document.getElementById("myBody").style.background = "black"
                document.getElementById('myBody').style.color = "white"
            }
        }
 </script>
<body id="myBody">
<img id="on_off" οnclick="mySwitch()" src="http://www.runoob.com/images/pic_bulbon.gif" width="50px">
</body></div></div></nav></body></html>
<br><br>
<!-- 要加的代码，主页部分区别于登录注册界面-->
{% block main %}
        <h2 align="center">首页</h2>
<ul >

  <li>Coffee</li>

  <li>Tea</li>

  <li>Milk</li>

</ul>

 <form>
                <select>
                    <option>列表</option>
                    <option>收藏</option>
                </select>
            </form>
<table border="1">
                        <tr>
                            <th>标题</th>
                            <th>标题</th>
                            <th>标题</th>
                            <th>标题</th>
                        </tr>
                        <tr>
                            <td>行一</td>
                        </tr>
                    </table>

        <link rel="stylesheet" type="text/css" href="../static/css/text.css">
        <div class="aaa" align="center">
            <img src="{{ url_for('static',filename='images/cat.jpg') }}">
            </a></div>

        <br><br>
{% endblock %}
        <link rel="stylesheet" type="text/css" href="../static/css/text.css">
<div class="footer" align="center">
    版权 © emmmmmm
    </div>
</html>
        {% extends 'base.html' %}
{% block title %}发布问答{% endblock %}
{% block head %}
    <link rel="stylesheet" type="text/css" href="{{ url_for('static',filename='css/question.css') }}">
{% endblock %}
{% block main %}
    <div class="fa">
    <h1>发布问答</h1>
        <form action="{{ url_for('question') }}" method="post">
        <div class="zhuti">
            <label for="question">问题</label><br>
            <input id="question" type="text" name="title"></div><br>
            <div class="fa-question">
            <label for="questionDetial">详情</label><br>
             <textarea  id="questionDetial" rows="12" name="detail"></textarea></div>
             <div class="check"><input type="checkbox">check me out</div>
             <button class="sumbit" type="submit">提交</button>
        </form>
    </div>
{% endblock %}
        <!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>

<link rel="stylesheet" type="text/css" href="../static/css/text.css">
<div  class="img" >
   <script>
        function mySwitch() {
            var myele = document.getElementById("on_off")
            if (myele.src.match("bulbon")) {
                myele.src = "http://www.runoob.com/images/pic_bulboff.gif"
                document.getElementById("myBody").style.background = "white"
                document.getElementById("myBody").style.color = "black"
            } else {
                myele.src = "http://www.runoob.com/images/pic_bulbon.gif"
                document.getElementById("myBody").style.background = "black"
                document.getElementById('myBody').style.color = "white"
            }
        }
 </script>
<body id="myBody">
<img id="on_off" οnclick="mySwitch()" src="http://www.runoob.com/images/pic_bulbon.gif" width="50px">
</body></div>
<h2 align="center">发布中心</h2>
<hr>

</head>
<body>
<h2 align="center">发布问答 </h2>





                    <label for="questiontitle" class="col-sm-2 control-label">发布</label>
                    <div class="col-sm-10">
                        <input type="text"class="form-control" id="questiontitle" rows="5" cols="87">
                    </div>

                <div class="form-group">
                    <label for="questiontext" class="col-sm-2 control-label">评论</label>
                   <div class="form-group">
                     <textarea id="questiontext" class="form-control" rows="6" id="comment"
                               placeholder="请输入评论"></textarea>
                     </div>

                </div>
                <div class="form-group">
                    <div class="col-sm-offset-2 col-sm-10">
                        <button type="submit" class="btn btn-default">提交</button>
                    </div>
                </div>
            </form>
        </div>
    </div></div>



</body>
</html>
        import os
#DEBUG=True
SQLALCHEMY_DATABASE_URI = 'mysql+pymysql://root:@127.0.0.1:3306/login_db?charset=utf8'
SQLALCHEMY_TRACK_MODIFICATIONS = False
SECRET_KEY = os.urandom(24)
        function myRegister() {
            var oUname = document.getElementById("uname");
            var oError = document.getElementById("error_box");
            var oUpass = document.getElementById("upass");
            var oConfirm=document.getElementById("uconfirmrpass")
            var oUtel = document.getElementById("utel");
            var isError = true;
            oError.innerHTML="<br>"
            if ((oUname.value.length<6)||(oUname.value.length>20)){
                oError.innerHTML = "用户名6位必须6-20"
                isError = false;
                return isError;
            }
          else  if((oUname.value.charCodeAt(0)>=48)&&(oUname.value.charCodeAt(0)<=57)){
                 oError.innerHTML = "用户名首位必须为字母"
                isError = false;
                return isError;
            }
            else for(var i=0;i<oUname.value.length;i++) {
                    if ((oUname.value.charCodeAt(i) < 48 || oUname.value.charCodeAt(i) > 57) &&
                        (oUname.value.charCodeAt(i) < 97 || oUname.value.charCodeAt(i) > 122)) {
                        oError.innerHTML = "用户名必须为字母或数字"
                         isError = false;
                         return isError;
                    }
                }
            if(oUtel.value.length!=11){
              oError.innerHTML = "电话号码必须为11位"
               isError = false;
                return isError;
            }
            else for(var i=0;i<oUname.value.length;i++) {
                if (oUtel.value.charCodeAt(i) < 48 || oUtel.value.charCodeAt(i) > 57) {
                    oError.innerHTML = "电话号码必须为数字"
                     isError = false;
                     return isError;
                }
            }
           if ((oUpass.value.length<6)||(oUpass.value.length>20)) {
                oError.innerHTML = "密码必须6-20位"
                isError = false;
                return isError;
        }
           else if(oConfirm.value!=oUpass.value){
                oError.innerHTML = "两次输入的密码不一致"
                isError = false;
                return isError;
        }
         return isError;
        window.alert("注册成功")
         
        from flask import Flask, render_template, request, redirect, url_for,session
from flask_sqlalchemy import SQLAlchemy
from functools import wraps
from datetime import datetime
import congfig

app = Flask(__name__)
app.config.from_object(congfig)
db = SQLAlchemy(app)


class User(db.Model):
    __tablename__ = 'user'
    id = db.Column(db.Integer, primary_key=True, autoincrement=True)
    Username = db.Column(db.String(20), nullable=False)
    Password = db.Column(db.String(20), nullable=False)
    Telphone=db.Column(db.String(20), nullable=True)
#db.create_all()


class Question(db.Model):
    __tablename__ = 'question'
    id = db.Column(db.Integer, primary_key=True, autoincrement=True)
    author_id = db.Column(db.Integer,db.ForeignKey('user.id'))
    title = db.Column(db.String(100), nullable=False)
    detail = db.Column(db.Text, nullable=False)
    creat_time = db.Column(db.DateTime, default=datetime.now)
    author = db.relationship('User', backref=db.backref('question'))



@app.route('/')
def base():
    return render_template('base.html')


@app.route('/login/', methods=['GET', 'POST'])
def login():
    if request.method == 'GET':
        return render_template('login.html')
    else:
        usern = request.form.get('a')
        passn = request.form.get('b')
        user = User.query.filter(User.Username == usern).first()
        if user:
            if user.Password == passn:
                session['user'] = usern
                return redirect(url_for('question'))
            else:
                return '密码错误'
                # return window.alert("密码错误")
        else:
            # return window.alert("用户名不存在")
            return '用户名不存在'


@app.context_processor
def mycontext():
    usern = session.get('user')
    if usern:
        return {'Username': usern}
    else:
        return {}


def login_re(func):
    @wraps(func)
    def wrapper(*args, **kwargs):
        if session.get('user'):
            return func(*args, **kwargs)
        else:
            return redirect(url_for('login'))

    return wrapper


@app.route('/logout/')
def logout():
    session.clear()
    return redirect(url_for("base"))


@app.route('/register/', methods=['GET', 'POST'])
def register():
    if request.method == 'GET':
        return render_template('register.html')
    else:
        usern = request.form.get('a')
        passn=request.form.get('b')
        teln=request.form.get('c')
        user=User.query.filter(User.Username==usern).first()
        if user:
            return '用户名已经存在'
        else:
            user1=User(Username=usern,Password=passn,Telphone=teln)
            db.session.add(user1)
            db.session.commit()
            return redirect(url_for('login'))


@app.route('/question/', methods=['GET', 'POST'])

def question():
    if request.method == 'GET':
        return render_template('question.html')
    else:
        an = User.query.filter(User.Username == session.get('user')).first().id
        tn= request.form.get('title')
        dn = request.form.get('detail')
        question1 = Question(author_id=an,title=tn, detail=dn)
        # question.author=User
        db.session.add(question1)  # 数据库，添加操作
        db.session.commit() #提交
    return redirect(url_for('question'))


if __name__ == '__main__':
    app.run(debug=True)

         

                <div class="input_box">
           请输入昵称:<input id="uname" type="text" placeholder="6-20位首位必须为字母" name="a"><br><br>
        输入手机号:<input id="utel" type="text" placeholder="T11位" name="b"><br><br>
        设置密码:<input id="upass" type="password" placeholder="6-20位" name="c"><br><br>
        确认密码:<input id="uconfirmrpass" type="password" placeholder="Confirmpass" name="d"><br><br></div>
        <div id="error_box"></div>
        <div>
            <button id="register" type="submit" οnclick="myRegister()">注册</button>
        </div>
    </div>
</form>
{% endblock %}

         

转载于:https://www.cnblogs.com/caoxinwen092/p/8206860.html

weixin_30528371
关注
Android期末作品（课表）
weixin_49216707的博客
03-26 2838
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:layout_width="fill_parent" android:layout_height="fill_parent" android:orientation="vertical" tools:conte...
php期末作品（php代码+数据库）
03-24
在本项目中，"php期末作品（php代码+数据库）"是一个初级的电子商务系统，主要展示了PHP编程语言在构建Web应用程序中的基本应用，以及与数据库交互的能力。这个系统包括了用户管理、商品展示和购物车功能，对于学习...
html登录后记住用户名,完成登录功能，用session记住用户名
weixin_42425334的博客
06-03 1027
登录功能完成：1.js:设置returnfunction fnLogin() {var oUname=document.getElementById("uname");var oUpass=document.getElementById("upass");var oError=document.getElementById("error_box");var isError=true;oError....
完成注册功能
weixin_30825199的博客
11-22 67
js文件：onclick函数return True时才提交表单，return False时不提交表单。 html文件： <form>中设置 action和method="post" <input>中设置 name 主py文件中： from flask import request, redirect, url_for @app.route('/re...
完成登录与注册页面的前端
weixin_30889885的博客
11-01 92
完成登录与注册页面的HTML+CSS+JS，其中的输入项检查包括： 用户名6-12位 首字母不能是数字 只能包含字母和数字 密码6-12位 注册页两次密码是否一致 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> &...
var d = document.getElementById 错误
weixin_30387339的博客
01-13 374
var d = document.getElementById; var s = d("demo").innerHTML; alert(s); // IE 没有问题,其他浏览器必须指定上下文 var d = document.getElementById; var s = d.call(window, "demo").innerHTML alert(s); 转载于:h...
JavaScript 基础，登录验证
weixin_34050519的博客
10-24 126
<script></script>的三种用法： 放在<body>中 放在<head>中 放在外部JS文件中 三种输出数据的方式： 使用 document.write() 方法将内容写到 HTML 文档中。 使用 window.alert() 弹出警告框。 使用 innerHTML 写入到 HTML 元素。 使用 "id" 属性...
javascript期末作品：简单的购物.zip
01-21
作为大二专科生的上学期JavaScript期末作品，这个"简单的购物.zip"压缩包很可能包含了一个基本的在线购物系统的实现，旨在展示对JavaScript语言的理解和应用。 在JavaScript中，创建一个购物系统通常涉及到以下几个...
安卓期末课程设计、一款大学生今日校园App 包含源代码、使用手册和心得体会
05-14
在本项目中，我们关注的是一个安卓应用的期末课程设计，该设计仿制了一款名为“今日校园”的App。这个应用程序旨在提供一个平台，供大学生进行日常的学习和生活管理，如登录、注册以及疫情信息的上报。以下是关于这...
Authorware期末作品
12-28
这个"Authorware期末作品"显然是一份学生在学习信息技术课程，特别是关于“for语句”的部分时完成的项目。下面，我们将深入探讨Authorware以及for语句在Authorware中的应用。 Authorware是一种基于图标和流程线的...
11.21
weixin_30426879的博客
11-21 78
js:设置return function foLogin() { var oUname = document.getElementById("uname"); var oError = document.getElementById("error_box"); var oUpass = document.get...
1.2期末总结
weixin_30527143的博客
01-06 84
在这一学期中，信息管理这门课程主要学习了python语言，前段开发等知识。在这一学期中，我受益匪浅。接下来，让我来总结一下这一学期的学习情况： 学期之初我刚接触到信息管理这门课程，本来以为是理论课，接下来上课才知道原来是学python 语言以及前段开发。起先是有一些懵懂的，因为自己对代码这一方面没有领悟能力，写代码能力也比较差，但是后来上课之后，我发现Python其实是一门很有趣...
web期末作业设计网页免费
最新发布
06-14
Web期末作业设计网页通常是指学生在学习网页设计课程的最后阶段，为了巩固理论知识和实践技能，所做的一个小型项目。这个项目可能包括创建一个静态或动态的网站，可以涉及HTML、CSS、JavaScript、响应式设计、SEO优化等技术。以下是一些关于如何设计这样一个网页的概述： 1. **目标设定**：明确你的网站主题，比如个人博客、商业展示、教育平台等，这将决定页面布局和内容。 2. **需求分析**：列出网站需要具备的功能，如导航菜单、搜索框、联系表单等。 3. **设计草图**：使用工具如Figma, Sketch或直接手绘，规划网站的整体布局和颜色方案。 4. **前端开发**： - HTML：构建网页结构，包括头部、主体、页脚等部分。 - CSS：添加样式，实现布局和视觉效果。 - JavaScript：如果需要交互元素，编写一些基本的脚本。 5. **响应式设计**：确保网站能在不同设备上（如手机、平板、桌面）正确显示。 6. **SEO优化**：考虑关键词、元标签和URL结构，以提高搜索引擎排名。 7. **测试和调试**：检查网站在各种浏览器和设备上的兼容性，并修复任何错误。 8. **提交与文档**：按照课程要求提交你的作品，并附上设计文档和代码注释。 **相关问题--:** 1. 如何选择一个适合初学者的网页设计框架？ 2. 如何优化网站速度以提升用户体验？ 3. 对于动态网站，如何集成数据库和后端技术？ 如果你正在进行这样的作业，遇到具体问题或需要帮助，可以详细描述你的需求。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值